#body-layout {
}

#banner {
    background-image: url("/Resources/sky2.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


#company-name {
    color:black;
    font-family: 'Cambria Math' Gisha, 'sans-serif';
    font-size: 6em;
    font-weight: 700;
}

#page-content-wrapper {
    padding: 20px;
    width: 100%;
}

/*Top Navigation bar*/
#navbarTop {
    z-index: 1000 !important;
}

    #navbarTop.affix {
        top: 0;
        width: 100%;
    }

        #navbarTop.affix + .container-fluid {
            padding-top: 100px; /*initial height must equal the top banner height. adjusted on scroll*/
        }

        #navbarTop.affix + .container {
            padding-top: 100px; /*initial height must equal the top banner height. adjusted on scroll*/
        }


/*Override for dropdown-menu under inverted navbar*/
.navbar.navbar-inverse .dropdown-menu {
    background-color: #222;
    border-color: #080808;
}

    .navbar.navbar-inverse .dropdown-menu > li > a {
        color: #999;
    }

        .navbar.navbar-inverse .dropdown-menu > li > a:hover,
        .navbar.navbar-inverse .dropdown-menu > li > a:focus {
            background-color: #42cbad;
            color: #1d2c43;
        }
/*to have both toggling and hovering for menu.*/
.dropdown:hover .dropdown-menu {
    display: block;
}


/* footer */
#myfooter {
    margin-top: 50px;
    white-space: nowrap;
}

#footer-icon {
    width: 56px;
    height: 57px;
    padding: 5px;
}

#email-us {
    vertical-align: middle;
    font-size: 1.5em;
    line-height: 2em;
}

/* buttons */
.btn-link:focus,
.btn-link:active:focus {
    border: none;
    outline: none;
    text-decoration: none;
}

.btn-link:hover {
    border: none;
    outline: none;
    text-decoration: none;
    color: darkblue;
}

@media (min-width: 768px) {
    .navbar.navbar-inverse .dropdown-menu {
        font-size: 1.3em;
    }
}


/* small screen: start with menu off. reverse properties*/
@media (max-width: 768px) {

    #company-name {
        font-size: 2.3em;
        margin-left: -100px;
        margin-top: 35px;
    }

    #myfooter {
        white-space: normal;
    }

    #email-us {
        font-size: 1.1em;
    }

    #footer-icon {
        width: 37px;
        height: 38px;
    }

    #navbarMenu {
        font-size: 2em;
        line-height: 2em;
    }

    .navbar.navbar-inverse .dropdown-menu > li > a {
        font-size: 1.5em;
        line-height: 1.5em;
    }
}