/* Add here all your CSS customizations */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { .division-h1-bg {
    background-color: #374da0;
    background-image: url("../img/h1.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 80px;
	font-size: 20px;
    padding: 0 20px;
}

.logosabovefooter {
    height: 100px;
}


.main { background-repeat:no-repeat;
background-size: 375px !important;
min-height: 50px !important;
}

.btn-lg, .btn-group-lg > .btn {font-size: 14px;}

.fabshopbanner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}


.fabshop h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}
 }


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { .division-h1-bg {
    background-color: #374da0;
    background-image: url("../img/h1.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 80px;
	font-size: 20px;
    padding: 0 20px;
}

.logosabovefooter {
    height: 100px;
}


.main { background-repeat:no-repeat;
background-size: 320px !important;
min-height: 50px !important;
}

.btn-lg, .btn-group-lg > .btn {font-size: 14px;}

.fabshopbanner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}


.fabshop h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { .division-h1-bg {
    background-color: #374da0;
    background-image: url("../img/h1.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
    line-height: 80px;
	font-size: 20px;
    padding: 0 20px;
}

.logosabovefooter {
    height: 100px;
}


.main { background-repeat:no-repeat;
background-size: 320px !important;
min-height: 50px !important;
}

.btn-lg, .btn-group-lg > .btn {font-size: 14px;}

.fabshopbanner h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}


.fabshop h1 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    padding: 20px;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { .main { background-repeat:no-repeat;
background-size: 568px !important;
min-height: 50px !important;
}
.logosabovefooter {
    height: 200px;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { .main { background-repeat:no-repeat;
background-size: 480px !important;
min-height: 50px !important;
}
.logosabovefooter {
    height: 200px;
}}


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { .main { background-repeat:no-repeat;
background-size: 736px !important;
min-height: 50px !important;
}
.logosabovefooter {
    height: 200px;
}}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { .main { background-repeat:no-repeat;
background-size: 667px !important;
min-height: 50px !important;
}
.logosabovefooter {
    height: 200px;
}}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { .main { background-repeat:no-repeat;
background-size: 1024px !important;
min-height: 50px !important;
}

.logosabovefooter {
    height: 400px;
}

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .main { background-repeat:no-repeat;
background-size: 768px !important;
min-height: 50px !important;
}

.logosabovefooter {
    height: 300px;
} 

.fabshopbanner h1 { font-size: 48px; line-height: 60px;}

.fabshop .darkblock h2 {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    color: #ed541d;
    font-weight: 800;
    margin: 0;
    padding: 30px 30px 0;
	font-size: 1.6em;
}

.fabshop h1 { font-size: 48px; line-height: 60px;}

.fabshop .darkblock p {padding-top: 10px;}


}