@media screen and  (min-device-width:340px) and (max-device-width: 900px)
{
.footer{
    font-family: "Lato", sans-serif;
    display: block;
    margin-top: 30px;
    margin-bottom:10px;
        
}

.m-footer-content{
    display: block;
    background-color: #dddddd;

} 

.footer-content{
    display: none;
}

.m-content ul{
    list-style: none;   
}

.m-content{
   width: 45%;
   font-family: "Lato", sans-serif;
}
.m-content a{
    text-decoration: none;
    color: black;    
}
.m-content a:hover{
    color: #f06313;    
}
.m-content-head{
    display: block;
    margin-left: 21px;
    border-bottom: 2px solid #d6a716;
    text-align: center;
    font-size: 13px;
    color:#112a78;
    font-family: "Lato", sans-serif;
}
.m-content a{
    text-decoration: none;
    color: black;    
}

li{
    margin-bottom: 15px;
}

.m-socialicons{
    display: flex;
    margin-left: 25px;
}

.m-socialicons img{
    display: block;
    width: 20px;
    margin-left: 10px;
    filter: drop-shadow(5px 5px 5px #222);
    margin-bottom:20px;
}

.to_hire{
   list-style-type:none;
   font-weight:bold;
   font-size:11px;
}

.to_get_hired{
    list-style-type:none;
    font-weight:bold;
    font-size:15px;
    color: black;
    text-decoration: none;
}

.l_to_hire{
   list-style-type:none;
   font-size:11px;
}

.l_to_get_hired{
    list-style-type:none;
    font-size:11px;
}

.l_to_get_hired a{
    text-decoration:none;
}

.l_to_hire a{
    text-decoration:none;
}

.l_to_get_hired a:link{
    color:blue;
}

.l_to_hire a:link{
    color:blue;
}

.l_to_get_hired a:visited{
    color:blue;
}

.l_to_hire a:visited{
    color:blue;
}

.l_to_get_hired a:active{
    color:blue;
}

.l_to_hire a:active{
    color:blue;
}
.system_info{
    display:none;
}
.m-system_info {
    display:block;
    background-color:#112a78;
    font-family: "Lato", sans-serif;
}
.m-copyright{
    display:block;
    color:#d7caca;
    width:100%;    
    text-align:center;
    font-family: "Lato", sans-serif;
}
.m-maintain_by{
    text-align:center;
    display:block;
    color:grey;
    width:100%;
    font-size:4mm;
    margin-bottom:20px;
    font-family: "Lato", sans-serif;
}
.m-maintain_by a{
    color:gray;
    text-decoration:none;   
    
}
.links{
    display:none;
}

}