ul.presentation {
	width:100%;
	float:left;
	padding:10% 0 90%;
	zoom: 0.5;
	position:absolute;
	background:url('../img/back-logo.png') repeat-x center;
	zoom: 1;
	
	@media screen and (min-width:321px){
		padding:10% 0 70%;
	}

	@media screen and (min-width:769px){
		background:url('../img/back-logo.png') repeat-x top;
		padding:4% 0 26%;
	}
	
	@media screen and (min-width:1171px){
		padding:40px 0 100px;
	}
	
	@media screen and (min-width:1550px){
		padding:60px 0 310px;
	}
	
	> li {
		width:100%;
		vertical-align:bottom;
		display:inline-block;
		
		@media screen and (min-width:1001px){
			width:49.8%;
		}
		
		&.tar {
			text-align:right;
			padding-right:0;
			
			@media screen and (min-width:1171px){
				padding-right:40px;
			}
		}

		> h1 {
			width:100%;
			display:inline-block;
			
			> object {
				height:113px;
				float:left;
				zoom:0.9;
				margin-left:calc(50% - 115.51px);
			}
			
			@media screen and (min-width:321px){
				> object {
					zoom:0.8;
				}
			}
			
			@media screen and (min-width:431px){
				> object {
					margin-left:calc(50% - 168.68px);
				}
			}
			
			@media screen and (min-width:431px){
				> object {
					height:165px;
				}
			}
			
			@media screen and (min-width:769px){
				> object {
					height:210px;
					margin-left:calc(50% - 214.69px);
				}
			}
			
			@media screen and (min-width:1171px){
				> object {
					float:right;
				}
			}
			
			@media screen and (min-width:1550px){
				zoom:1;
			}
		}
		
		> h2 {
			font-family: "Montserrat", sans-serif;
			font-weight: 700;
			line-height:65px;
			font-size:23px;
			text-align:left;
			padding-left:12%;
			color:#373435;
			margin-top:60px;
			display:none;
			
			@media screen and (min-width:1001px){
				line-height:38px;
				font-size:44px;
				padding-left:40px;
				margin-top:0;
				display:block;
			}
			
			/*@media screen and (min-width:1171px){
				line-height:38px;
				font-size:44px;
				padding-left:40px;
				margin-top:0;
			}*/
		}
		
		> p {
			font-family: "Montserrat", sans-serif;
			font-weight: 400;
			font-size:16px;
			line-height:16px;
			color:#373435;
			padding-left:12%;
			margin-top:22px;
			display:none;
			
			@media screen and (min-width:1001px){
				font-size:24px;
				line-height:18px;
				padding-left:40px;
				display:block;
			}
		}
	}
}

.left, .right {
	height: 400px; 
	width: 100%; 
	float: left; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center; 
	position:relative;
	
	@media screen and (min-width:1001px){
		height: 100vh; 
		width: 50%; 
	}
	
}

.left > .info, .right > .info {
	width:340px;
	position: absolute; 
	left: 50%; 
	top: 61%; 
	z-index:10;
	transform: translate(-50%, -50%);
	zoom:0.8;
	
	@media screen and (min-width:429px){
		zoom:1;
	}
	
	@media screen and (min-width:769px){
		width: 460px;
		top: 70%;
	}
	
	@media screen and (min-width:1001px){
		top: 58%; 
	}
	
	@media screen and (min-width:1550px){
		zoom:1;
	}
	
	> h2 {
		font-family: "Montserrat", sans-serif;
		font-weight:bold;
		color:rgba(255,255,255,1.00);
		font-size:34px;
		line-height:65px;
		margin-bottom:4px;
		
		@media screen and (min-width:376px){
			font-size:44px;
		}
		
		@media screen and (max-width:1080px){
			font-size:45px;
			line-height:45px;
			margin-bottom:20px;
		}
		
		@media screen and (min-width:1080px){
			font-size:72px;
		}
	}
	
	> a.button {
		font-family: "Montserrat", sans-serif;
		font-size:12px;
		color:rgba(255,255,255,1.00);
		background-color: #ec8042;
		padding:18px 38px;
		margin:13px 0 0 0;
		float:left;
		border-radius:3px;
		text-transform:uppercase;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		
		@media screen and (min-width:376px){
			font-size:16px;
		}
		
		&:hover {
			transform: scale(1.05);
			box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
		}
	}
}
@media screen and (max-width:1001px){
	.left, .right {
		height: 50vh; 
		width: 100%; 
	}
}
@media screen and (max-width:1080px){
	.left > .info, .right > .info {
		left: 50% !important;
	}
}
@media screen and (max-width:768px){
	.left > .info {
		left: 50% !important;
		top: 55% !important;
	}
	.right > .info {
		left: 50% !important;
		top: 30% !important;
	}
	img, video {
		height: 100px;
		max-width: 100%;
	}
	.logo-site-cliente {
    	display: flex !important;
		flex-direction: row-reverse;
		justify-content: center;
	}
	ul.presentation {
		background: none;
		padding: 0;
	}
}