/* This is an override file for the Mobile stylesheet, and is the highest precedence */

@media screen and (max-width:1400px) { 
    .Home-Title { 
       font-size: 1.6rem;
    }

.faq_heading LI {
    float: unset;
    text-align: right;
}

    .LocationFrame { 
        height:600px;
    }


.faq_heading ul {
    float: unset;
    margin: 1rem 0 0 0;
}

}


@media screen and (max-width:1275px) { 
    .top-menu uL {
        float:right;
        width:400px;
        margin-right:20px;
    }

    .top-menu li {
        float: unset;
        background-color: #3d3c3c;
        color: white;
        padding: 10px;
    }

        .top-menu li > a {
            color: white;
        }

            .top-menu li > a.active, .top-menu li > a:hover {
                font-weight: bold;
                background: unset;
                border-bottom:none;
            }

    .top-menu-selected {
        float: right;
        background-color: #3d3c3c;
        color: white;
        padding: 10px;
        display: block;
    }

        .top-menu-selected span {
            text-transform: uppercase;
        }


}


@media screen and (max-width: 1023px) { 
    .header {
        grid-template-columns: 8rem auto 100px;
    }

    .Title {
       font-size: 1.5rem;
    }

    .Home-Title { 
       font-size:1.3rem;
    }

    .LocationFrame { 
        height:600px;
    }

}

@media screen and (max-width: 820px) {
    .Title {
       font-size: 1.2rem;
    }

    .LocationFrame { 
        height:500px;
    }

    .force_image { 
       width:80px;
    }

    .header { 
        grid-template-columns: 6rem auto 80px;
    }       

.link_block {
    height: 23rem;
    margin: 10px;
    width: 19rem;
}
   
.top-menu UL { 
    margin-right:0;
}

}


@media screen and (max-width: 700px) { 
    .Title {
       font-size: 1rem;
    }

    .LocationFrame { 
        height:450px;
    }
}

@media screen and (max-width:600px) { 
    .Title {
       font-size: 0.7rem;
    }

}