@charset "UTF-8";
/* CSS Document */

@media (max-width: 991px) {
	#intro {
    padding-bottom: 420px;
	}
	#intro .col-lg-6 h2 {
    text-align: left;
    padding: 0 0 40px 0;
	}
	#about {
    padding: 0 0 360px 0;
	}
	#about .col-lg-4 h4 {
    text-align: left;
	background-position: left bottom;
	}
	#spectacles .col-lg-4 div {
	width: 350px;
	margin: 0 auto;
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	#hero {
	height: 100%;
	}
	.logo {
    width: 200px;
    height: 110px;
    margin-left: -100px;
    margin-top: -55px;
	}
}
@media (max-width: 460px) {
	#intro {
	padding: 40px 0 60px 0;
	}
	#hero {
	height: 45%;
	}
	.logo {
    width: 200px;
    height: 110px;
    margin-left: -100px;
    margin-top: -55px;
	}
	#intro {	
    padding-bottom: 340px;
	}
	#about .col-lg-6 img {
	margin-top: -300px;
	}
}
@media (max-width: 375px) {
	#intro {	
    padding-bottom: 300px;
	}
	#about .col-lg-6 img {
	margin-top: -260px;
	padding-bottom: 40px;
	}
	#spectacles .col-lg-4 div {
	width: auto;
	margin: 0 0;
	}
}
@media (max-width: 320px) {
	#intro {	
    padding-bottom: 260px;
	}
	#about .col-lg-6 img {
	margin-top: -220px;
	}
}