* {
    box-sizing: border-box;
}

body {
    margin: 0px;
}
.headers{
    margin-left:2%;
}

p{font-family: 'Roboto Condensed', sans-serif;
}
h1{font-family: 'Roboto', sans-serif;}
h3{font-family: 'Roboto', sans-serif;} color:#570E1D;}
.li2{font-family: 'Roboto Condensed', sans-serif; color:#570E1D;}
.ul1{font-family: 'Roboto Condensed', sans-serif;
    padding:  0px;
    list-style-type:none;
    overflow: hidden;
    background-color:#26B6ED;

}
#mail{font-family: 'Roboto Condensed', sans-serif;}
p{color:white;
background-color:#570E1D;
    width: 50%;
    padding: 5px;
    margin-left:10px;
    border: 9px solid lightgrey;
}
iframe{border: 9px solid #305969;}
.li1:last-child {
    border-right:none;
}
h1{color:#570E1D;}
.li1 a{
    float:left;
    width: 16.66%;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 18px;
    text-decoration: none;
}
.li1 a:hover:not(.active) {
 background-color: #0DD9A1;   
}
body{background-color:#15739E}
img{
    width:35%;
    border:5px solid #D14B3B;
    padding:0px;
    margin:9px;
}

@media only screen and (max-width: 768px) {
    
    .li1 a {
        width: 100%;
    }
    p{
        width:98%;
    }
    img{width:50%;}
}
body{
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
}