.full-site { 
	width:100%;
	height:100%;
	float:left;
	background:url('../img/imofar-city-fullm.jpg') no-repeat top center;
	background-size:430px auto;
	
	@media screen and (min-width:415px){
		background-size:768px auto;
	}
	
	@media screen and (min-width:769px){
		background-size:auto;
	}
	
	@media screen and (min-width:1171px){
		height:100vh;
		background:url('../img/imofar-city-full.jpg') no-repeat top center;
		background-size:cover;
	}

	> ul.presentation {
		width:100%;
		float:left;
		margin:10% 0 10%;
		zoom: 0.5;
		
		@media screen and (min-width:376px){
			zoom: 0.6;
		}

		@media screen and (min-width:415px){
			zoom: 1;
		}
		
		@media screen and (min-width:769px){
			margin:6% 0 10%;
		}
		
		@media screen and (min-width:1171px){
			margin:2% 0 4%;
		}
		
		> li {
			width:100%;
			vertical-align:bottom;
			display:inline-block;
			
			@media screen and (min-width:1171px){
				width:49.5%;
			}
			
			&.tar {
				text-align:right;
				padding-right:0;
				
				@media screen and (min-width:1171px){
					padding-right:25px;
				}
			}

			> h1 {
				width:100%;
				display:inline-block;
				
				> object {
					height:165px;
					float:left;
					margin-left:11%;
				}
				
				@media screen and (min-width:415px){
					> object {
						height:100px;
					}
				}
				
				@media screen and (min-width:431px){
					> object {
						height:165px;
					}
				}
				
				@media screen and (min-width:769px){
					> object {
						height:210px;
					}
				}
				
				@media screen and (min-width:1171px){
					> object {
						float:right;
					}
				}
			}
			
			> h2 {
				font-family: "Montserrat", sans-serif;
				font-weight: 700;
				line-height:55px;
				font-size:23px;
				text-align:left;
				padding-left:12%;
				color:#373435;
				margin-top:60px;
				
				@media screen and (min-width:376px){
					line-height:50px;
					font-size:27px;
					margin-top:30px;
				}
				
				@media screen and (min-width:415px){
					line-height:30px;
					margin-top:30px;
				}

				@media screen and (min-width:500px){
					line-height:56px;
					font-size:47px;
					margin-top:80px;
				}
				
				@media screen and (min-width:769px){
					line-height:66px;
					font-size:72px;
					margin-top:120px;
				}
				
				@media screen and (min-width:1171px){
					line-height:52px;
					font-size:44px;
					padding-left:70px;
					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;
				
				@media screen and (min-width:376px){
					font-size:18px;
					line-height:18px;
					margin-top:18px;
				}
				
				@media screen and (min-width:415px){
					font-size:18px;
					line-height:18px;
					margin-top:12px;
				}

				@media screen and (min-width:500px){
					font-size:27px;
					line-height:27px;
					margin-top:18px;
				}

				@media screen and (min-width:769px){
					font-size:42px;
					line-height:42px;
					margin-top:25px;
				}
				
				@media screen and (min-width:1171px){
					font-size:24px;
					line-height:18px;
					padding-left:70px;
				}
			}
		}
	}

	> ul.covers {
		max-width:1260px;
		margin:0 auto 10%;
		text-align:center;
		
		@media screen and (min-width:1171px){
			margin:0 auto;
		}
		
		> a	> li, > li {
			text-decoration:none;
			width:75.3%;
			min-height:230px;
			margin:0 0 37px 0;
			display:inline-block;
			vertical-align:top;
			background-color:rgba(255,255,255,1.00);
			border-radius:20px; 
			-o-border-radius:20px; 
			-ms-border-radius:20px; 
			-moz-border-radius:20px; 
			-webkit-border-radius:20px;
			transition:all 300ms ease;
			-moz-transition:all 300ms ease;
			-webkit-transition:all 300ms ease;
			-ms-transition:all 300ms ease;
			-o-transition:all 300ms ease;
			zoom: 0.6;
			position:relative;
			
			@media screen and (min-width:415px){
				min-height:160px;
				margin:0 0 20px 0;
				zoom: 1;
			}

			@media screen and (min-width:500px){
				min-height:260px;
				margin:0 0 37px 0;
			}
			
			@media screen and (min-width:769px){
				min-height:400px;
				margin:0 0 55px 0;
			}
			
			@media screen and (min-width:1171px){
				width:32%;
				min-height:430px;
				margin:0 0.5%;
			}
			
			> a.reset {
				width:65%;
				display:inline-block;
				padding:10px 0;
				margin-bottom:4px;
				float:right;
				margin-right:10%;
				font-size:12px;
				
				&.reset21 {
					margin-bottom:10%;
				}
				
				@media screen and (min-width:376px){
					width:60%;
				}
				
				@media screen and (min-width:415px){
					width:57%;
					padding:7px 0;
					font-size:11px;
				}
				
				@media screen and (min-width:500px){
					padding:8px 0;
				}
				
				@media screen and (min-width:769px){
					padding:7px 0;
					font-size:14px;
					
					&.reset21 {
						margin-bottom:4px;
					}
				}
				
				@media screen and (min-width:1171px){
					font-size:18px;
					width:77%;
					float:none;
					margin-right:inherit;
				}
			}
			
			> .line {
				width:0;
				height:6px;
				background-color:#ec3237;
				position:absolute;
				top:0;
				left:10%;
				transition:all 300ms ease;
				-moz-transition:all 300ms ease;
				-webkit-transition:all 300ms ease;
				-ms-transition:all 300ms ease;
				-o-transition:all 300ms ease;
			}
				
			> i {
				height:40px;
				float:left;
				margin:40px 0 0 10%;
				
				&.icon-city {
					width:40px;
					background:url('../img/icon-city.png?v=1') no-repeat;
					background-size:40px; auto;
				}
				
				&.icon-barr {
					width:40px;
					background:url('../img/icon-barr.png?v=1') no-repeat;
					background-size:40px; auto;
				}
				
				@media screen and (min-width:376px){
					height:62px;
					margin:50px 0 0 10%;
					
					&.icon-city {
						width:62px;
						background-size:62px; auto;
					}
					
					&.icon-barr {
						width:62px;
						background-size:62px; auto;
					}
				}
				
				@media screen and (min-width:415px){
					height:76px;
					margin:30px 0 0 10%;
					
					&.icon-city {
						width:40px;
						background-size:40px; auto;
					}
					
					&.icon-barr {
						width:40px;
						background-size:40px; auto;
					}
				}

				@media screen and (min-width:500px){
					height:76px;
					margin:50px 0 0 10%;
					
					&.icon-city {
						width:76px;
						background-size:76px; auto;
					}
					
					&.icon-barr {
						width:76px;
						background-size:76px; auto;
					}
				}
				
				@media screen and (min-width:769px){
					height:113px;
					margin:62px 0 0 10%;
					
					&.icon-city {
						width:113px;
						background-size:113px; auto;
					}
					
					&.icon-barr {
						width:113px;
						background-size:113px; auto;
					}
				}
				
				@media screen and (min-width:1171px){
					height:62px;
					margin:48px 0 22px 15%;
					
					&.icon-city {
						width:62px;
						background-size:62px; auto;
					}
					
					&.icon-barr {
						width:74px;
						background-size:74px; auto;
					}
				}
			}
			
			> h3 {
				font-family: "Montserrat", sans-serif;
				font-weight: 700;
				line-height:18px;
				font-size:20px;
				text-align:left;
				padding:0 10% 0 0;
				width:74%;
				clear:none;
				color:#373435;
				float:right;
				margin-top:40px;
				
				@media screen and (min-width:376px){
					line-height:20px;
					font-size:22px;
					margin-top:45px;
					width:70%;
				}
				
				@media screen and (min-width:415px){
					line-height:20px;
					font-size:22px;
					margin-top:30px;
				}

				@media screen and (min-width:500px){
					line-height:34px;
					font-size:36px;
					margin-top:45px;
				}
				
				@media screen and (min-width:769px){
					line-height:52px;
					font-size:56px;
					margin-top:54px;
				}
				
				@media screen and (min-width:1171px){
					width:100%;
					float:none;
					padding:0 14%;
					font-size:40px;
					clear:left;
					margin-top:0;
				}
			}
			
			> p {
				font-family: "Montserrat", sans-serif;
				font-weight: 400;
				font-size:16px;
				line-height:30px;
				color:#373435;
				width:74%;
				padding:26px 10% 10% 0;
				text-align:left;
				float:right;
				
				&.resetp {
					padding-bottom:3%;
				}
				
				@media screen and (min-width:376px){
					font-size:16px;
					line-height:26px;
					width:70%;
				}
				
				@media screen and (min-width:415px){
					padding:12px 10% 10% 0;
					line-height:20px;
				}

				@media screen and (min-width:500px){
					padding:26px 10% 10% 0;
					font-size:21px;
					line-height:26px;
				}
				
				@media screen and (min-width:769px){
					font-size:32px;
					line-height:40px;
					padding:34px 10% 10% 0;
				}
				
				@media screen and (min-width:1171px){
					width:100%;
					padding:11px 14% 10%;
					float:none;
					font-size:22px;
					line-height:30px;
					
					&.resetp {
						padding-bottom:5%;
					}
				}
			}
			
			&:hover {
				-ms-transform: scale(1.06);
				-moz-transform: scale(1.06);
				-webkit-transform: scale(1.06);
				-o-transform: scale(1.06);
				transform: scale(1.06);
				-moz-box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.3), 0 0 15px 0 rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.3), 0 0 15px 0 rgba(0, 0, 0, 0.2);
				box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.3), 0 0 15px 0 rgba(0, 0, 0, 0.2);
				border-radius:20px; 
				-o-border-radius:20px; 
				-ms-border-radius:20px; 
				-moz-border-radius:20px; 
				-webkit-border-radius:20px;
				
				> .line {
					width:0;
					
					@media screen and (min-width:1171px){
						width:80%;
					}
				}
			}

		}
		
			
		
	}

}