html { 
	background: url(/images/agutin_bg_2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: none;
}

.bg-phone {


	background: url(/images/agutin_bg_2.jpg) no-repeat center center; 

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

@media (max-width: 767px) {


	html { 
		background-size: 160%;
		background-color: #b7b8ba;
		background-position: top center;

	}
	.main.index { padding-top: 300px;  padding-top: 60vh;}

}

@media (max-width: 300px) {

	html { 
		background-position: top center;
		background-color: #b7b8ba;
		background-size: 160%;
	}


}

@media (max-width: 767px) and (orientation: portrait) {

	.main.index { padding-top: 250px; padding-top: 60vh;}

}

@media (max-width: 767px) and (orientation: landscape) {

	html {
		background-size: 130%;
	}
	.main.index { padding-top: 250px; padding-top: 100vh;}

}