﻿/* This is an override file for the Mobile stylesheet, and is the highest precedence */

@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,
        .top-menu li > a  {
            text-transform: uppercase;
        }



}

@media screen and (max-width: 1023px) {
   .header { 
       grid-template-columns: 8rem auto 100px;   
   }

   .Title { 
      font-size: 1.7rem;
   }

}



@media screen and (max-width: 820px) {
    .header {
       grid-template-columns: 6rem auto 75px;
    }

    .Title { 
       font-size: 1.6rem;
    }

    .force_image { 
        height: 80px;
        width: 80px;
    }

    .link_block { 
        height:24.5rem;
    }

    .top-menu uL {
	margin-right:0;
    }
}

@media screen and (max-width: 700px) { 
    .header {
       grid-template-columns: 5rem auto 75px;
    }


     .Title { 
        font-size: 1.25rem;
     }

    .force_image { 
        height: 65px;
        width: 65px;
    }

}

@media screen and (max-width: 600px) { 
     .Title { 
        font-size: 1.1rem;
        padding-left:0;
     }

    .header {
       grid-template-columns: 4.5rem auto 75px;
    }

    .force_image { 
        height: 55px;
        width: 55px;
    }
}

@media screen and (max-width: 500px) { 
     .Title { 
        font-size: 0.6rem;
        padding-left:0;
	padding-top:5px;
     }

    .header {
       grid-template-columns: 4.5rem auto 75px;
    }

    .force_image { 
        height: 45px;
        width: 45px;
    }
}
