@font-face { font-family: nimbus-sans-condensed; src: 
    url("fonts/nimbussanscondensed.woff2") format("woff2"), 
    url("fonts/nimbussanscondensed.woff") format("woff"), 
    url("fonts/nimbussanscondensed.otf") format("opentype"); font-style: normal; font-weight: 400; 
}


@font-face { font-family: nimbus-sans; src: 
    url("fonts/nimbussans.woff2") format("woff2"), 
    url("fonts/nimbussans.woff") format("woff"), 
    url("fonts/nimbussans.otf") format("opentype"); font-style: normal; font-weight: 400; 
}

@font-face { font-family: benchnine; src: 
    url("fonts/BenchNine-Regular.woff2") format("woff2"), 
    url("fonts/BenchNine-Regular.woff") format("woff"), 
    url("fonts/BenchNine-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; 
}

@font-face {
    font-family: FontAwesome;
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), 
    url("fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), 
    url("fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), 
    url("fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
    font-style: normal;
    font-weight: 400;

}

@media print
{
    .no-print, .no-print, #topheader, #subheader, #menubar, #menucontainer *{
        display: none !important;
        height: 0;
    }
    body  {
        background: #fff;
        color: #000;
      }
}


.footer {
    background-color: #555;
    height:40px;
    margin-top:50px;
    margin-left: -6px;
    margin-right: -6px;
}

#contactft {
    color: #FFF;
    text-align: right;
    text-transform: uppercase;
    font-family: nimbus-sans, sans-serif;
    margin-top:10px;
    float: right;
    margin-right:40px;
}

#contactft a {
    color: #ffffff;
    
}


/* for phones */
@media only screen and (max-width: 768px) {
    

    #menubar{
        display: none;
    }

    

    #smallmenu {
        background-color:rgb(245,245,255);
    
        margin-left:-6px;
        margin-right:0px;
        height: 90px;
        margin-top:-6px;
        display: flex;
    }
    
    #smallmenubutton {
        background-color: #FFF;
        border-style: solid;
        border-color: #4866AE;
        border-width: thick;
        width:38px;
        height: 36px;
        fill:#4866AE;
        padding-left: 5px;
        padding-top:2px;
        margin-left:5px;
        margin-top:5px;
        padding-right: 5px;
        box-sizing:unset;

        
    }

    #headerlogosmall {
        margin-top:0px;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        text-align: center;
    }
      
    .fil101 {
        
        background-color: #fff;
    }

    #wrapper {
        width:100%;
        margin:0 auto;
    }
    
   
    #smallmenubutton:hover {
        background-color:#738FC8;
        fill:#fff;
        
    }

    #panel {
        font-size: 16px;
        padding: 10px;
        text-align: left;
        background-color: #F5F5FF;
        color: white;
        border: solid 1px #a6d8a8;
        margin: auto;
        height:320px;
        margin-top:0px;
      }
      
    #panel {
        display: none;
    }

    .addfooter {
        width:100%;
        margin: auto;
    }

    
    #kendra {
        width:80%;
        content:url(images/kendra.jpg);
    }
    
    #mainwrapper {
        width:90%;
        margin:0 auto;
        background-color:rgb(252,252,255);
        font-family:  benchnine, sans-serif;
        font-size:24px;
    }
    
    #contactft {
        font-size: 8px;
        margin-top:17px;
    }
    

}





/*for DESKTOP */
@media only screen and (min-width: 768px) 
{
    body  {
        line-height:unset;
    }
    
    #headerlogosmall {
        
        display:none;
        
    }
    #panel {
        display: none;
    }

    #smallmenu {
        display:none;
    }

    /* Style The Dropdown Button */
    .axdropbtn {
        background-color: #EEEEEE;
        color: blue;
        padding: 5px;
        font-size: 24px;
        border: none;
        cursor: pointer;
        width: 100%;
        
    }

    /* The container <div> - needed to position the dropdown content */
    .axdropdown {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    /* Dropdown Content (Hidden by Default) */
    .axdropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        
        overflow: auto;
        font-size: 16px;
    }

    /* Links inside the dropdown */
    .axdropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }


    /* Unused? Change color of dropdown links on hover */
    .axdropdown-content a:hover {
        background-color: #3498db;
        color: #fff;
        text-shadow: 1px 1px black;
    }

    /* Unused? Show the dropdown menu on hover */
    .axdropdown:hover .axdropdown-content {
        display: block;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    .axdropdown:hover .dropbtn {
        background-color: #3498db;
        color: #fff;
        text-shadow: 1px 1px black;
    }



    #menubar{
        color: #fff;
        background-color:rgb(245,245,255);
        height: 110px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-left: -6px;
        margin-right: -6px;
        margin-top: -6px;
        
    }

    #menucontainer {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        width: 100%;
        height:30px;
        margin-top:40px;
    }


    #headerlogo {
        
        margin-top:-35px;
        content:url(images/mcslogo2024.png);
        height: 110px;

    
        
    }

    .axmenuitems{
        color: rgb(115,115,115);
        width:210px;
        text-decoration: none;
        text-align: center;
        font-family: nimbus-sans-condensed, sans-serif;
        font-size: 1.5em;
        letter-spacing: 2px;
        list-style: none;
        margin: 0;
        text-transform: uppercase;

    }

    .axmenuitems:visited{
            color: rgb(115,115,115);
            
            width:100px;
            text-decoration: none;
            text-align: center;
            font-family: nimbus-sans-condensed, sans-serif;
            font-size: 1.5em;
    }


    .axmenuitems:hover{
        
        border-bottom-color: rgb(115,115,115);
        color: rgb(115,115,115);
        border-bottom-style: solid;
        border-bottom-width: 2px;
        
    }




    /* The container <div> - needed to position the dropdown content */
    .axdropdown-menu  {
        position: relative;
        display: inline-block;
        text-align: center;
        color: rgb(115,115,115);
        width:100px;
        font-family: nimbus-sans-condensed, sans-serif;
        font-size: 1.5em;
    }

    .axdropdown-menu:hover  {
        color: rgb(170,170,170);
        
    }


    /* remove overflow auto and the height to get rid of scrollbar */
    /* Dropdown Content (Hidden by Default) */
    .axdropdown-content-menu  {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        font-family: nimbus-sans-condensed, sans-serif;
        font-size: 1.5em;
        margin-left: -50px;
        line-height:unset;
        
        
    }

    /* Links inside the dropdown */
    .axdropdown-content-menu  a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-family: nimbus-sans-condensed, sans-serif;
        font-size:20px;
    }

    /* Change color of dropdown links on hover */
    .axdropdown-content-menu  a:hover {
        color: rgb(170,170,170);
    
        
    }

    /* Show the dropdown menu on hover */
    .axdropdown-menu:hover .axdropdown-content-menu  {
        display: block;
    }

    #wrapper {
        width:50%;
        margin:0 auto;
    }

    .addfooter {
        width:70%;
        margin: auto;
    }

    

    #mainwrapper {
        width:70%;
        margin:0 auto;
        background-color:rgb(252,252,255);
        font-family:  benchnine, sans-serif;
        font-size:24px;
    }
    
    
}


#wrapper {
    display: none;
    
}


#what-we-do {
    margin: auto;
    font-family: benchnine, sans-serif;
    color: rgb(115,115,115);
    margin-top:25px;
    font-size:24px;
    width:100%;
}


#whatcouples {
    margin: auto;
    margin-top:25px;
    color: rgb(115,115,115);
    font-family:  benchnine, sans-serif;
    font-size:24px;
    width:100%;
}

#whatcouplessay {
    margin: auto;
    margin-top:25px;
    color: rgb(115,115,115);
    font-family:  benchnine, sans-serif;
    font-style: italic;
    font-size:24px;
    width:100%;
}

#tenhours{
    margin-left:30px;
}

#abc {
    height:100px;
    content:url(images/abclogo.png);
    margin-top:-30px;
    float:left;
    
}


#my {
    height:100px;
    content:url(images/my2.png);
    margin-top:-30px;
    float:left;
    
}


#socialfooter {
    color: #737473;

    width:30px;
    margin-top:5px;
    margin-right: 10px;
    float:right;
}

.indexbutton{
    text-align: left;
    font-size: 30px;
    font-family: benchnine, sans-serif;
    color:#000;
}

.indexbuttonlink:link {
    text-decoration: none;
}

.indexbuttonlink:visited {
    text-decoration: none;
}

.indexbutton:hover{
    text-align: left;
    font-size: 30px;
    font-family: benchnine, sans-serif;
    background: #3498db;
    color: #fff;
    text-shadow: 1px 1px black;
}

#aboutwrapper {
    width:70%;
    margin:0 auto;
    background-color:rgb(252,252,255);
    font-family:  benchnine, sans-serif;
    font-size:24px;
    display: block;
}

#me-and-Kennedy {
    width:300px;
    height:400px;
    float:left;
    padding-right: 15px;
    
    
}

#aboutus {
    text-align: left;
    margin-top:10px;
    font-family: benchnine, sans-serif;
    color: rgb(115,115,115);
    font-size:24px;
}