/* Start custom CSS for html, class: .elementor-element-afca22c */<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oswald">
  <style type="text/css">


.a4 {background:#8A4B08;font-size:18px;padding:15px;color:#fff;margin:4px;text-align:center;}
.a5 {background: #939696; /* #7b7c7c; #035d99*/;font-size:18px;padding:35px;color:#fff;margin:4px;text-align:center;}

.a6 {background:#2A0A12;font-size:8px;padding:25px;color:#fff;margin:4px;text-align:center;}




img {
    width: 100%;margin: 0 auto;
}




td {
    border: 0px solid #eeecec;    vertical-align: initial;
}

ul {
    list-style: none;
    padding-left: 2px;margin: 0.5em 0;
    
}

ul li a{background: no-repeat scroll 1px 50% white;
    border-bottom: 1px dotted #8e585b;
    color: #000;
    margin-left: 0;
    margin-right: 0;
    padding: 3px 10px;
    position: relative;display: block;    font-family: sans-serif;
    font-size: 100%;
    text-decoration: none;
    
}
ul li a:hover{
    background-color: #4a809a;
    color: #fff;
    transition: 0.5s;
}
.left {
    text-align:left;
    padding-left:10px;
     font-family: 'Oswald', serif;
    
}
.left a{
    text-align:left;
    padding-left:10px;
   font-family: 'Oswald', sans-serif;
}

/*
footer {
    background-color: gray;
 color:white;
 padding:4px;
*/
}
h2, h3 {
    background-color: blue;
    margin: 0 3px !important;
    border-radius: 0.2em;
    padding: 3px 5px;
    color: #fff;font-weight:500;
}


@media only screen and (max-width: 800px)
{td{width: 99% !important; float: left;} 
.img{width: 100% !important;height:80px!important;}
    
}/* End custom CSS */