section.section_class{display:flex;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;}
section.section_class>div>div{border:none;width:100%;}
section.section_class>div>div>table{width:100%;border-collapse:collapse;}
div.logo_class{flex:30%;padding:0px;background-color:none;}
div.menu_class{flex:70%;padding:0px;background-color:none;align-items: flex-end;}

div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 20px 5px 30px;}
div.logo_class img{width:70%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:80%;padding:0px;float: right;}
div.menu_class div table td{width:auto;padding:7px 5px 5px 5px;display:flex;flex-direction:row;justify-content:right;align-items: center;}
div.menu_class div table td a{margin:5px 2px;padding:12px 25px;font-size:80%;color:#ffffff;text-decoration:none;border: 1px solid rgb(204, 60, 60)}
div.menu_class div table td a:hover{color:#fff;background-color:rgb(204, 60, 60);border: 1px solid rgb(204, 60, 60)}
div.menu_class div table td p{margin:5px 2px;padding:12px 25px;font-size:80%;color:#fff;text-decoration:none;background-color:rgb(204, 60, 60); border: 1px solid rgb(204, 60, 60)}
div.menu_class button{width:auto;background-color:rgb(4, 95, 95);padding:20px;border:0px solid #fff;display: none;}
div.menu_class button i {width:auto;font-size: 150%;color: #0E202D;}


@media screen and (max-width:1100px){
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:30%;padding:0px;}
div.menu_class{flex:70%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 10px 10px 20px;}
div.logo_class img{width:90%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:97%;padding:0px;}
div.menu_class div table td{width:auto;padding:10px 10px 5px 0px;}
div.menu_class div table td a{width:auto;padding:12px 17px;margin: 5px 1px}
div.menu_class div table td p{width:auto;padding:12px 17px;margin: 5px 1px}
}

@media screen and (max-width:991px){    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:30%;padding:0px;}
div.menu_class{flex:70%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 10px 10px 20px;}
div.logo_class img{width:95%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:97%;padding:0px;}
div.menu_class div table td{width:auto;padding:5px 5px 5px 0px;}
div.menu_class div table td a{width:auto;padding:12px 17px;margin: 5px 1px}
div.menu_class div table td p{width:auto;padding:12px 17px;margin: 5px 1px}
}

@media screen and (max-width:767px){
    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:80%;padding:0px;}
div.menu_class{flex:20%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 20px 10px 20px;}
div.logo_class img{width:45%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}
div.menu_class div table td{width:auto;padding:2px 0px;flex-direction:row;align-items: left;}
div.menu_class div table td a{width:auto;padding:15px 20px;margin: 0px;color:#ffffff;border: none}
div.menu_class div table td p{width:auto;padding:15px 20px;margin: 0px;color:#ffffff;background-color:rgb(204, 60, 60);border: none}
div.menu_class div table td a:hover{color:#dbdada;background-color:rgb(204, 60, 60);border: none}

div.menu_class div.mnu_id{display: none;position: absolute;background-color:#0f0f0f;margin:0px;top:75;left:0;z-index:100;}

div.menu_class button{width:auto;padding:13px;display: block;margin:10px 20px;cursor: pointer;}
div.menu_class button i {font-size: 150%;}
}

@media screen and (max-width:600px){
    
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:80%;padding:0px;}
div.menu_class{flex:20%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:7px 20px 10px 20px;}
div.logo_class img{width:58%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}

div.menu_class div table td{width:auto;padding: 5px 0px;flex-direction:column;align-items: center;}
div.menu_class div table td a{width:90%;padding:15px 30px;margin: 0px;color:#ffffff;border: none}
div.menu_class div table td p{width:90%;padding:15px 30px;margin: 0px;color:#ffffff;background-color:rgb(204, 60, 60);border: none}
div.menu_class div table td a:hover{color:#dbdada;background-color:rgb(204, 60, 60);border: none}

div.menu_class div.mnu_id{display: none;position: absolute;background-color:#0f0f0f;margin:0px;top:70;left:0;z-index:100}

div.menu_class button{width:auto;padding:12px;display: block;margin: 8px 0px;cursor: pointer;}
div.menu_class button i {font-size: 120%;}
}

@media screen and (max-width:420px){
section.section_class{flex-wrap:wrap;}
div.logo_class{flex:80%;padding:0px;}
div.menu_class{flex:20%;padding:0px}
div.logo_class table{width:100%;padding:0px;}
div.logo_class table td{ width:auto;padding:10px 12px 10px 12px;}
div.logo_class img{width:70%;}

div.menu_class div{width:100%;padding:0px;}
div.menu_class div table{width:100%;padding:0px;}

div.menu_class div table td{width:auto;padding: 5px 0px;flex-direction:column;align-items: center;}
div.menu_class div table td a{width:90%;padding:15px 30px;margin: 0px;color:#ffffff;border: none}
div.menu_class div table td p{width:90%;padding:15px 30px;margin: 0px;color:#ffffff;background-color:rgb(204, 60, 60);border: none}
div.menu_class div table td a:hover{color:#dbdada;background-color:rgb(204, 60, 60);border: none}

div.menu_class div.mnu_id{display: none;position: absolute;background-color:#0f0f0f;margin:0px;top:72;left:0;z-index:100}

div.menu_class button{width:auto;padding:12px;display: block;margin: 8px 0px;cursor: pointer;}
div.menu_class button i {font-size: 120%;}

}