.topbar-bg {
    background:#bdd7ee;
}

.nav-item > a:hover {
color:red!important;
text-decoration: underline!important;
}

.navbar-brand img{
    width: 130px;
}

#carousel01 img {
    overflow: hidden;
    transition: transform 3.5s;
    transform: scale(1.0);
    -webkit-transform: scale(1.0); /* Safari 3-8 */
}

#carousel01:hover img {
    transition: opacity 1s ease-in-out;
    opacity: 1.0;
    transition: transform 3.5s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1); /* Safari 3-8 */
}



.full-width{
    width: 100%;
    height: auto;
}


.brand-icon img{
    width: 150px;
    height: auto;
}



footer.text-bg-success { background: #00bfff!important; }
footer .link-light:hover {color:red!important;}


/* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { .w-sm-100 { width:100%!important; } .w-sm-75 { width:75%!important; } .w-sm-50 { width:50%!important; } .w-sm-25 { width:25%!important; } .h-sm-100 { height:100%!important; } .h-sm-75 { height:75%!important; } .h-sm-50 { height:50%!important; } .h-sm-25 { height:25%!important; } }

/* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { .w-md-100 { width:100%!important; } .w-md-75 { width:75%!important; } .w-md-50 { width:50%!important; } .w-md-25 { width:25%!important; } .h-md-100 { height:100%!important; } .h-md-75 { height:75%!important; } .h-md-50 { height:50%!important; } .h-md-25 { height:25%!important; } }

/* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { .w-lg-100 { width:100%!important; } .w-lg-75 { width:75%!important; } .w-lg-50 { width:50%!important; } .w-lg-25 { width:25%!important; } .h-lg-100 { height:100%!important; } .h-lg-75 { height:75%!important; } .h-lg-50 { height:50%!important; } .h-lg-25 { height:25%!important; } }

/* Extra large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { .w-xl-100 { width:100%!important; } .w-xl-75 { width:75%!important; } .w-xl-50 { width:50%!important; } .w-xl-25 { width:25%!important; } .h-xl-100 { height:100%!important; } .h-xl-75 { height:75%!important; } .h-xl-50 { height:50%!important; } .h-xl-25 { height:25%!important; } }