.more-info{
	display: none;
	z-index: 9;
}

.more-info-btn{
	cursor: pointer;
}

.infos-2{
	display: flex;
}

.infos-2 h3{
	margin-right: 2em;
}

.infos,
.infos-2{
	margin-left: 8em;
}

.infos{
	margin-top: .7em;
}

.infos-2{
	padding-bottom: .5em;
}

section{
	position: relative; 
	}

h2{
	float: left;
}

h4{
	text-align: right;
	margin-right: 8em;
}

.more-info{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 40px;
	background-color: rgba(255,255,255,0.5);
}

.more-info-txt{
	background-color: white;
	padding: 60px 20% 0 20%;
}

.more-info-txt p{
	margin-bottom: 2em;
}

    

@media only screen and (max-width: 800px) {

		.more-info{
			padding-top: 78px;
		}

	.more-info-txt{
		padding: 20px
	}

		.infos,
		.infos-2{
			margin-left: 2em;
		}

		.infos-2{
            display: inline-block;
      }


		    .left-gradient,
		    .right-gradient{
		  		width: 30px;
			}

	
      		h2{
      			width: 60%;
      			margin-bottom: 1em;
      		}

h3{
	margin-left: 1em;
}

      h4{
        text-align: left;
        margin-right: 0;
        margin-left: 1em;
        margin-bottom: 1em;
        
      }

  }