/************** Header *************************/
#Header .btn {font-size:16px;}
/********** Main Banner **************************************************************************************************/
.MainBanner .carousel-caption{ left:0; right:0; bottom:50%; transform:translateY(50%);} 
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px; font-weight:800; text-shadow:2px 2px 2px #fff;}
.MainBanner .carousel-caption p { font-size:25px; line-height:40px; font-weight:800;}
/********** Tab **************************************************************************************************/

/********** Footer ***************************************************************************************************/
#Footer p { font-size:13px; letter-spacing:3px;}
/***************************/
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; z-index: 10;}
header  {position:relative !important; }
.shrink {background: rgba(255,255,255,.9) !important; position:fixed !important;}
.shrink {box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:81px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:75px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.navbar-brand{padding:10px 0px !important;}
.shrink .navbar-brand{padding:5px 0px !important;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;}
.gutter-lg .row,.gutter-lg .row div{padding:0px!important;margin:0px!important;}
}
@media (min-width: 1920px) {
.container { max-width:1650px!important;}
.MainBanner .carousel-caption h1 { font-size:75px; line-height:75px; font-weight:800; text-shadow:2px 2px 2px #fff;}
.MainBanner .carousel-caption p { font-size:25px; line-height:40px; font-weight:800;}
}
@media (max-width: 1600px){
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
.MainBanner .carousel-caption h1 { font-size:50px; line-height:50px;}
.MainBanner .carousel-caption p { font-size:18px; line-height:20px;}	
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
#Header { position:relative !important; background-color:#0A3365;}
.navbar-brand img {max-height:50px;}
.MainBanner .carousel-caption h1 { font-size:40px; line-height:40px;}
.MainBanner .carousel-caption p { font-size:18px; line-height:30px;}
}
/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header { position:relative !important; background-color:#0A3365;}
.MainBanner .carousel-caption h1 { font-size:30px; line-height:30px;}
.MainBanner .carousel-caption p { font-size:15px; line-height:20px;}
}
@media (min-width: 991.98px) {
}
/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
#Header { position:relative !important; background-color:#0A3365;}
}
@media (max-width:768px) {
#Header { position:relative !important; background-color:#0A3365;}
.MainBanner .carousel-caption h1 { font-size:30px; line-height:30px;}
.MainBanner .carousel-caption p { font-size:18px; line-height:30px;}
.MainBanner .carousel-item  img {
    height:400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}
@media (max-width:575.98px) {
h2, .h2 {font-size:25px;}
#Footer p { font-size:13px; letter-spacing:1px;}
.MainBanner .carousel-caption { position:relative;bottom:0; transform:translateY(0);}
.MainBanner .carousel-caption p { color:#000;}
.MainBanner .carousel-item  img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}
/* X-Small devices (portrait phones, less than 576px) */