/* lg and lower */
@media (max-width: 1199px) {
}
/* md and lower */
@media (max-width: 991px) {

}
/* sm and lower */
@media (max-width: 767px) {
.logo{
    max-width:175px;
    margin:auto;
    padding-bottom: 30px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
h1{
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    padding-bottom:20px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;

}
p.headline{
    color: #8b9090;
    font-size: 22px;
    font-weight: 700;
    padding-bottom:20px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
p.copy{
    color: #8b9090;
    font-size:18px;

}
/* xs */
@media (max-width: 479px) {
.logo{
    max-width:150px;
    margin:auto;
    padding-bottom: 20px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
h1{
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    padding-bottom:20px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;

}
p.headline{
    color: #8b9090;
    font-size: 18px;
    font-weight: 700;
    padding-bottom:20px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
p.copy{
    color: #8b9090;
    font-size:16px;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;

}

/* md and higher */
@media (min-width: 768px) {
}
/* lg */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* md */
@media (min-width: 768px) and (max-width: 991px) {


}
/* some random one in the middle? */
@media (min-width: 600px) and (max-width: 767px) {
}
/* sm */
@media (min-width: 480px) and (max-width: 991px) {
}
/* some random small one */
@media (min-width: 320px) and (max-width: 767px) {
}

/* Nexus 7 (portrait) - this is way too specific */
@media only screen and (min-width: 440px) and (max-width: 603px) and (orientation: portrait) {
	.hidden-nexus7 {
		display: none !important;
	}
}