﻿.custom-header {
    /*customize background image properties*/
    background-image: linear-gradient(rgba(0, 0, 0, 45%), rgba(0, 0, 0, 45%)), url(Images/vision-header.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    /*customize text inside image*/
    color: #fff;
    text-shadow: .08vw .08vw 0px #000000;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .custom-header {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #wrapper {
        font-size: .9em;
    }
    .custom-header h1 {
        font-size: 3em;
        margin: unset;
    }
    h2 {
        font-size: 1.5em;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #wrapper {
        font-size: 1em;
    }
    .custom-header h1 {
        font-size: 3em;
        margin: unset;
    }
    h2 {
        font-size: 1.8em;
    }
}

@media screen and (min-width: 1200px) {
    #wrapper {
        font-size: 1.1em;
    }
    .custom-header h1 {
        font-size: 3em;
        margin: unset;
    }
}

#padding1 {
    padding-bottom: 1%;
}

#padding2 {
    padding-bottom: 5%;
}

#padding4 {
    padding-bottom: 15%;
}

#img-center {
    margin-left: auto;
    margin-right: auto;
}

#img-responsive {
    height: 30vh;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#custom-color {
    color: #fff;
    background-color: #000220;
}

#custom-color:hover,
#custom-color:focus {
    color: #9d9d9d;
    background-color: #000220;
}

#custom-nav-dropdown {
    text-decoration: none;
    background-color: #17142e;
    border: inherit;
    border-color: #000000;
    padding: unset;
}

#custom-nav-dropdown a {
    color: #fff;
    text-decoration: none;
    background-color: inherit;
}

#custom-nav-dropdown a:hover, 
#custom-nav-dropdown a:focus {
    color: #9d9d9d;
    text-decoration: none;
    background-color: inherit;
}

#custom-nav-dropdown-bg-none {
    color: #fff;
    background: none;
}

#custom-nav-dropdown-bg-none:hover,
#custom-nav-dropdown-bg-none:focus {
    color: #9d9d9d;
    background: none
}