.row:after {  
    content: "";  
    clear: both;  
    display: block;  
}  
[class*="col-"] {  
    float: left;  
    padding: 1px;  
}  
html {  
    font-family: "Lucida Sans", sans-serif;  
}  
.header {  
    background-color: blue;  
    color: floralwhite;  
   
}  
.menu ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
}  
.menu li {  
    padding: 8px;  
    margin-bottom: 7px;  
    background-color :green;  
    color: #ffffff;  
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  
}  
.menu li:hover {  
    background-color: #0099cc;  
}  
.aside {  
    background-color: green;  
     
    color: #ffffff;  
    text-align: center;  
    font-size: 14px;  
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);  
}  
.footer {  
    background-color: black;  
    color: #ffffff;  
    text-align: center;  
    font-size: 12px; 
    width: 100%; 
    
} 
.el_header {  
    background-color: blue;  
    color: #ffffff;  
    width: 100%; 
    font-size: 12px;  
    
}  
/* For mobile phones: */  
[class*="col-"] {  
    width: 90%;  
}  
@media only screen and (min-width: 600px) {  
    /* For tablets: */  
    .col-m-1 {width: 8.33%;}  
    .col-m-2 {width: 16.66%;}  
    .col-m-3 {width: 25%;}  
    .col-m-4 {width: 33.33%;}  
    .col-m-5 {width: 41.66%;}  
    .col-m-6 {width: 50%;}  
    .col-m-7 {width: 58.33%;}  
    .col-m-8 {width: 66.66%;}  
    .col-m-9 {width: 75%;}  
    .col-m-10 {width: 83.33%;}  
    .col-m-11 {width: 91.66%;}  
    .col-m-12 {width: 100%;}  
}  
@media only screen and (min-width: 768px) {  
    /* For desktop: */  
    .col-1 {width: 8.33%;}  
    .col-2 {width: 16.66%;}  
    .col-3 {width: 25%;}  
    .col-4 {width: 33.33%;}  
    .col-5 {width: 41.66%;}  
    .col-6 {width: 50%;}  
    .col-7 {width: 58.33%;}  
    .col-8 {width: 66.66%;}  
    .col-9 {width: 75%;}  
    .col-10 {width: 83.33%;}  
    .col-11 {width: 91.66%;}  
    .col-12 {width: 100%;}  
}  
.header_menu li{
    display: inline;
    color: white;
    margin: 5px;
}
.header_menu li a{
    background-color: green;
    color: white;
    width: 10%;
}
li a{
    
    color: whitesmoke;
}