/* #########################################
   #    Utilities to help with multi-column dropdown     #
   ######################################### */
   
.row-flex {
    display: flex;
    flex-flow: row wrap;
}

.col-flex-item {
    display: flex;
    flex-flow: column;
}

/*allign center row items */
.row-centered {
    text-align:center;
}

/* odd number rows adjusted for main nav dropdowns */
@media (min-width: 1200px) {
    .col-lg-5-12 {
        width: 20%;
        float: left;
    }
    .col-lg-8-12 {
        width: 12.5%;
        float: left;
    }
    .col-lg-10-12 {
        width: 10%;
        float: left;
    }
    .col-lg-7-12{
        width: 14.285714285714285714285714285714%;
    }
}

/* #########################################
   #    Header elements ABOVE navbar     #
   ######################################### */
   
/* header logo */
#headerImage {
    margin: 1% 0%;
    /* padding-top: 1em; */
    width: 300px;
    z-index: 25;
}

/* header logo */
#headerImage:hover{
  background-color:transparent;
}

/* account/profile buttons/icons */
#accountIcon{
    width: 40px;
    color: #cc0000;
    margin-right: 5%;
    text-decoration: none;
    margin-top: 4.1rem;    
    margin-right: 3.25%;
}

#accountIconMobile{  
    color:#cc0000;
    text-align: justify;
    margin: 1rem 1rem 0 0 !important;
    text-decoration:none;
}

#accountIconMobile, a:focus{
    text-decoration:none !important;
    outline: none;
    outline-color:transparent;
}

#accountIcon:hover{
    color:#800000;
    text-decoration:none;
}

#accountIcon:after{
    text-decoration:none;
}

/*media query adjustments for improved responsiveness */
@media (max-width: 767px) and (min-width: 445px) {
    #accountIcon{
        margin: 2.5em 1.25em 0 0;
    }
}  /* end max-width: 767px and min-width: 445px media query */

@media(max-width:445px) {
    #headerImage{
        margin-left: -1rem !important;
    }
    
    #accountIcon{
        width: 20px; 
    }
    
    #accountIcon > i{
        padding: 0 !important;
        font-size: 2.5em !important;
        margin-top: -2rem !important;
    }
    
    .fa-user-circle {
        font-size: 2.5em !important;
    }
}   /* end max-width: 445px media query */

@media (max-width: 415px) and (min-width:315px){
    #headerImage{
        width:200px;
    }
}   /* end max-width: 415 and min-width: 315 media query */

@media (max-width: 315px){
    #headerImage{
        width:200px;
    }
    
    .fa-user-circle {
        font-size: 2.5em !important;
        margin-bottom: 1rem !important; 
    }
    
    #accountIcon > i{
        padding: 0 !important;
        font-size: 2.5em !important;
        margin-top: -2rem !important;
    }
}   /* end max-width: 315px media query */


/* #########################################
   #    Nav bar elements     #
   ######################################### */
  
  /*dividing line between fundraiser examples - used over a border as to provide a divider element with padding that can space out the categories evenly */  
.fund-divider{
    border-left:1px solid white !important;
    padding:7px 0 14px 0 !important;
}

/** Store name in navigation dropdowns **/
#storename{
    font-weight:bold;
    font-size:14px;
}

/* alert inside example dropdowns to contact a rep. Margin bottom needed for both sidebar and default nav */
ul > .alert-info {
    margin-bottom: 0 !important;
}

/* Media queries for default navigation BEFORE navbar collapse - for that reason many of these elements are defined in media queries, as to not conflict with collapsed sidenav*/
@media(min-width:1200px){ 
    
    /* navbar nav ul - main navigation category links */
    #navCats{
        padding-left: 7px;
    }
    #navCats > li > a {
        padding: 20px 16px;
    }
    
    .navbar .navbar-nav{
        float: none !important;
        vertical-align: top;
        display:inline-block;
        width:100vw !important;
        position:relative;
    }
    
    .navbar .divider-vertical {
        height: 56px;
        margin: 0 6px;
    }
    
    .navbar {
        position: relative;
        margin: 0 !important;
        min-width:100% !important;
    }
    
    .multi-column-dropdown {
        line-height:5px;
        margin-bottom:1em;
   }
    
    /*allows for hover of dropdowns | only used for non-collapsed navigation*/
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block !important;
    }
    
    .navbar .navbar-collapse {
        text-align: center;
    }
    
    /* need for fund examples dropdown */
    .dropup:not(#mainCategoryType), .dropdown:not(#mainCategoryType){
        position: inherit;
    }
    
    #dropdownrow {
        width: 750px;
    }
    
    
    /*left and right borders of fundraiser example navigation section */
    #fund-border{
        padding-left: 1em;
        margin:0;
    }
    
        /* 
    info alert used inside fund examples dropdown menus 
    */
    ul > .alert-info {
        border-radius: 0; 
        margin-bottom: 0 !important;
        -webkit-min-logical-height: fit-content;
        line-height: .1rem;
    }
    
    .education-list .example-list-type {
        font-size: 14px;
        color: black !important;
        padding: .25em 0;
        /* margin-top: -.5em; */
        /* line-height: 1.428571429; */
        text-decoration: underline;
        font-weight: 600;
    }
    
    .education-list .example-list-title{
        padding-top: .5em;
        margin-bottom: -.2em;
    }
    
    /*divides Schools and Organizations navigation links */
    .fund-divider{
        border-left:1px solid white !important;
        padding:7px 0 10px 0 !important;
    }
    
    /* Schools and Organizations navigation links */
    .navbar .navbar-nav #navbar-examples-title{
        padding:6px 0 5px 0;
        font-weight: 600;
        letter-spacing: 0.5px;
        border-bottom: 1px solid white !important;
    }
    
    /* span wrap around Fundraiser Examples portion of the navigation */
    .navbar .navbar-nav #navbar-examples-wrap{
        float:left;
        }
    
    .navbar .navbar-nav #fund-example-item{
        display:inline-block;
        padding:7px 6px 0 5px;
    }
    
    .navbar .navbar-nav #school-drop-link{
        color:white;
        text-decoration:none;
        padding:7px 10px 0 15px;
    }
    
    .navbar .navbar-nav #orgs-drop-link{
        color:white;
        text-decoration:none;
        margin:0;
        padding: 0 1rem 0 1rem;
    }
    
    .dropdown-menu.women:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left:2em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.kids{
        margin-left: -16em;
    }
    
    .dropdown-menu.kids:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 17.15em;
        z-index: 751;
    }
    
    .dropdown-menu.accessories{
        margin-left: -4em;
    }
    
    .dropdown-menu.accessories:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left:7em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.men{
        margin-left: -7em;;
    }
    
    .dropdown-menu.men:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 8.4em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.juniors{
        margin-left: -13em;
    }
    
    .dropdown-menu.juniors:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left:15em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.entertainment{
        margin-right:-27em;
    }
    
    .dropdown-menu.entertainment:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 21em;
        z-index: 751;at:left;
    }
    
    .dropdown ul.dropdown-menu.fitness{
        margin-left:-18em;
    }
    
    .dropdown-menu.fitness:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 19.85em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.home{
        margin-right:-19em;
    }
    
    .dropdown-menu.home:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 31em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.health{
        margin-right:-19em;
    }
    
    .dropdown-menu.health:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 31em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.inspirational:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 48.5em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.holiday:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 49.75em;
        z-index: 751;at:left;
    }
    
    .dropdown-menu.biz:after{
        content: "";
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        position: absolute;
        top: -12px;
        left: 49.25em;
        z-index: 751;at:left;
    }
    
    .dropdown-submenu {
        position: relative;
    }
    
    .dropdown-submenu .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -1px;
    }
    
    .dropdown-submenu .dropdown-menu li a:hover{
        text-decoration: none;
        color: white;
        background-color: #cc0000;
        flex-flow: column;
        text-align:left !important;
    }
    
    .dropdown-submenu .dropdown-menu li a{
        font-size:12px;
    }
    
    #fund-example-item a:hover{
        background-color:#cc0000  !important;
        color:white !important;
    }
    
    .example-list-title{
        font-weight:bold;
        font-size:18px;
        color:black !important;
        padding:.25em 0;
        margin:.5em 0;
        line-height: 1.428571429;
    }
    
    .example-list-type{
        font-size:16px;
        color:black !important;
        padding:1em 0;
        line-height: 1.428571429;
        text-decoration:underline;
    }
    /* font styling for dropdown li options that describe a gender || In Kids category, non clickable */
    #accessoriesGender {
        font-size:18px;
        color:#cc0000;
        text-align:center;
        font-weight:bold;
    }
    
    /* font styling for dropdown li options that describe a gender || In Accessories category, clickable */
    #accessoriesGender a{
        font-size:18px;
        color:black;
        text-align:center;
    }
    
    .multi-column-dropdown li a {
        display:flex;
        line-height: 1.428571429;
        color: black;
        margin:0;
        padding-bottom: .25rem;
    }
    
    .multi-column-dropdown li a:hover,
    #accessoriesGender a:hover{
        text-decoration: none;
        color: white;
        background-color: #cc0000;
        flex-flow: column;
    }
    
    /* vertical divider between columns inside large dropdown menus 
    | vertical divider combined with col-flex-item class allows for this divider to always be the max height of the column */
    .vertical-divider {
        border-right: 1px solid #cc0000;
        dispay:flex;
    }
    
    /*spacing in org exaample category where there is no header in the column */
    .list-align{
        margin-top: 8.45rem !important;
    }
    
    /* spacing for athletics title in school examples */
    .list-align.example-list-type {
        margin-top: 6.25rem !important;
    }
}/*end min-width 1200px media query */

@media(min-width:1900px) and (max-width:2200px){
    /*navigation categories - nav ID - contains all nav options */
    #navCats{
        padding-left: 30rem !important;;
    }
    
  .dropdown-menu.example-list-edu{
        min-width: 1600px !important;
        left: 6.2em;
        top: 54px;
    }
    
    .dropdown-menu.example-list-org {
        max-width: 1605px !important;
        left: 6em;
        top: 54px;
    }
    
    /* 
    after is eventually defined for ALL dropdown menus
    Creates a directional indicator pointing towards the main nav link title
    */
    .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 9.25em;
        z-index: 751;
    }
  
    .dropdown-menu.example-list-org:after {
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 2.25em;
        z-index: 751;
    }
    .nav > li {
        position: relative;
        display: initial;
    }
    /* spacing for org col with no title */
    .list-align {
        margin-top: 6.2rem !important;
    }
}/* end media query (min-width:1900px) and (max-width:2200px) */

@media(min-width:1700px) and (max-width:1899px)  {
    #navCats{
        padding-left: 26rem !important;  
    }  
   
  .dropdown-menu.example-list-edu{
    min-width:1600px !important;
    left: 1.7em;
    top: 54px;
   }
   
   .dropdown-menu.example-list-org{
    max-width: 1225px !important;
    left: 28.6em;
    top: 54px;
   }     
   
    .dropdown-menu.example-list-org:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 0.7em;
        z-index: 751;
    }
    
    .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 7.65em;
        z-index: 751;
  }
}

@media(min-width:1545px) and (max-width:1699px){
    #navCats{
        padding-left: 5rem !important;
    }
    
    .dropdown-menu.example-list-edu{
        min-width: 1396px !important;
        left: 3em;
        top: 54px;
    }
    
  .dropdown-menu.example-list-org{
        max-width:1225px !important;
        left: 15.2em;
        top: 54px;
    }     
  .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 9.35em;
        z-index: 751;
    }
    .dropdown-menu.example-list-org:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 2.5em;
        z-index: 751;
    }
}

@media(max-width:1544px) and (min-width:1425px){
    #bannerHeader{
        margin-left: -5%;
        margin-top: .5rem;
    }
    
    .navbar-default .navbar-nav > li > a{
        margin:0 -5px 0 0  !important;
    }
  
    #navCats{
        padding-left: 2% !important;
    }
  
    .dropdown-menu.example-list-edu{
        min-width: 1300px !important;
        left: 3.7em;
        top: 54px;
    }
    
    .dropdown-menu.example-list-org{
        max-width:1225px !important;
        left: 9em;    
        top: 53px;
    }     

    .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -7px;
        right: 9.4em;
        z-index: 751;
    }
  
    .dropdown-menu.example-list-org:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -6.5px;
        right: 2.35em;
        z-index: 751;
    }
}

@media(max-width:1424px) and (min-width:1325px){
    #bannerHeader{
        margin-left: -7rem;
        margin-top: 2rem;
    }
    
    #navCats{
        padding-left: 0 !important;
    }
  
    .navbar-default .navbar-nav > li > a{
        margin:0 -15px 0 0 !important;
        font-size: 14px !important;
    }
  
    #navCats > li > a {
        padding: 20px 20px !important;
    }
  
    .dropdown-menu.example-list-edu{
        left: 2.65em;
        top: 54px;
    }
  
  .dropdown-menu.example-list-org{
        max-width: 1192px !important;
        left: 3.9em;
        top: 54px;
    }     
  
    .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -6.5px;
        right: 9.25em;
        z-index: 751;
    }
  
    .dropdown-menu.example-list-org:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -6.5px;
        right: 2.25em;
        z-index: 751;
    }
}

@media(max-width:1324px) and (min-width:1200px){
    #navCats {
        padding-left: 10px;
    }

    #navCats > li > a{
        margin: 0 -14px 0 0px !important;
        font-size: 14px;
    }
    
    #login-button{
        padding-right:4px!important; 
    }
    
    .dropdown-menu.example-list-edu{
        left: 3.35em;
        top: 54px;
        max-width: 1120px;
    }
    
    .dropdown-menu.example-list-org{
        max-width: 1150px;
        left: 1.2em; 
        top: 54px;
    }   
    
    .dropdown-menu.example-list-edu:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -6.5px;
        right: 9.5em;
        z-index: 751;
    }
    
    .dropdown-menu.example-list-org:after{
        content: "";
        border-bottom: 10px solid white;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        position: absolute;
        top: -6.5px;
        right: 2.5em;
        z-index: 751;
    }
    
    #headerImage {
        margin: 1% 1%;
        padding-top:0;
        width: 300px;
        z-index: 25;
    }
}/* end media query max-width:1324px and min-width:1200px */

/*banner image above navigation bar */
@media(max-width:1324px) and (min-width:1200px){
#bannerHeader {
    margin-left: -7rem;
    margin-top: 2rem;
    }
}

@media(max-width:1199px) and (min-width:993px){
    #bannerHeader {
    margin-top: 2rem;
    }
}


/* #########################################
   #    Collapsible navigation to sidenav styles | COLLAPSES AT 1199px SCREEN WIDTH   #
   ######################################### */
   
/* show collapsible navigation indicator / collapse defauly nav at 1199px */
@media(max-width: 1199px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media(max-width: 1199px) {
    /*side nav styles */
    .dropdown-menu{
        width: 225px !important;
        margin-left: 17px !important; 
    }
    
    .multi-column-dropdown li a:hover{
        background-color:#cc0000;
        text-decoration:none;
        color:white;
        display:flex;
        flex:column wrap;
    }
    
    .multi-column-dropdown > li > a {
        max-width:224px;
        font-size:14px;
        line-height: 2.5;
        color: black;
    }
    
    .dropdown-menu-right{
        left:0 !important;
        overflow:hidden !important;
    }
    
    .row-flex {
        display: flex;
        flex-flow: column wrap;
    }
    
    .fund_examples {
        text-align:left !important;
        min-width:260px;
    }
    
    .example-list-title{
        font-weight:bold;
        font-size:18px;
        color:black !important;
        padding:.25em 0;
        margin:.5em 0;
        line-height: 1.428571429;
    }

    .example-list-type{
        font-size:16px;
        color:black !important;
        padding:1em 0;
        line-height: 1.428571429;
        text-decoration:underline;
    }
    
    #mainCategoryType{
        font-size:18px;
    }
    
    /*hide vertical divider lines in dropdowns */
    .vertical-divider{
        border-right: 0 !important;
    }
    
    .dropdown-menu .row {
        margin-right: -15px;
        margin-left: 0 !important;
    }
    
    #accessoriesGender {
        font-size:16px;
        color:black;
        text-align:left;
        font-weight:bold;
    }
    
    /* font styling for dropdown li options that describe a gender || In Accessories category, clickable */
    #accessoriesGender a{
        font-size:16px;
        color:#cc0000;
        text-align:left;
        font-weight:bold;
    }
    
    .navmenu {
        background-color: #cc0000 !important;
        border-color: #e7e7e7 !important;
        padding-top:3em !important;
        width:280px !important;
    }
    .navmenu-default .navmenu-nav>li>a {
        color:white !important;
        padding:1em;
    }
    
    .navmenu-default .navmenu-nav > .open > a,
    .navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
    .navmenu-default .navmenu-nav > .open > a:hover,
    .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
    .navmenu-default .navmenu-nav > .open > a:focus,
    .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
        background-color: #7A0000 !important;
        width:auto;
    }
}

/*fix background from scrolling upon sidenavigation popout */
body.canvas-slid{
    position: fixed !important;
    overflow:visible !important;
}

@media (max-width: 500px){
  /* hide scroll bar on dropdown */
  .dropdown-menu {
    max-width:290px !important;
    overflow-y: hidden;
    overflow: hidden;
    justify-content:center;
  }
}

/* #########################################
   #    MODAL Login form styles | Bootstrap overrides  #
   ######################################### */

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}
#div-login-msg,
#div-lost-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}
#img_logo {
    max-height: 250px;
    max-width: 200px;
    margin-left:1em;
}

.fade{
    background-color: rgba(255,255,255, .8);
}

/* close button used for modals */
.close{
    opacity: .5;
    color: #cc0000 !important;
}

/* #########################################
   #    override the bootstrap configs for MODAL ELEMENTS    #
   ######################################### */
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
    padding:0;
}
.modal-content {
    background-color: #fff;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}
.checkbox {
    margin-bottom: 0px;
}
#accountIcon:focus,
#accountIcon:active:focus,
#accountIcon.active:focus,
#accountIcon.focus,
#accountIcon:active.focus,
#accountIcon.active.focus {
    outline: none;
}
.modal-footer a > .btn-link {
    padding: 10px 10px 0px 0px;
}
.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}
.form-control {
  border-radius: 0px;
}

.checkbox {
    margin: 20px 0 0 5px;
}
/* #########################################
   #    Sticky Footer Utilities     #
   ######################################### */
.footer {
   position: absolute !important;
   bottom: 0 !important;
   width: 100%;
  /* fixed height of footer -- fixed height between body - ensures body will never cross through footer */
  height: 0 !important;
  font-size:12px;
  padding-top:4em;
}
.footer .container-fluid{
    padding-top:3em !important;
    background-color:#F0F0F0;
    border-top:1px solid grey;
}
/* #########################################
   #   footer elements     #
   ######################################### */

/* hyperlinks in footer */
#infoList{
  margin:4.5em 0 3em 0;
}
@media (min-width: 1259px){
  #footerLogo{
    padding-bottom:2em;
    height:190px;
    }
}
@media (max-width: 992px) {
  #footerLogo{
    height:150px;
    width:auto;
    }
    #infoList{
      margin:2em 0 1em 0;
    }
}
@media (max-width: 538px) {
  #footerLogo{
    height:125px;
    }
}
@media (max-width: 414px) {
  #footerLogo{
    height:100px;
    }
}
/*}*/
/*font size for footer hyperlinks */
#infoList > .btn-link {
  font-size:16px;
}