/* 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 {
            text-transform: uppercase;
        }


}

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

   .header_col1 { 
       float:left;
   }

   .menu-button { 
      float:left;
      margin-left:10px;
      padding-left:7px;
   }
}

@media screen and (max-width: 820px) {
   .header {
       grid-template-columns: 4rem auto 8.8rem;
   }

   .Title { 
      margin-top:20px;
   }

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

}
}