.banner {width:100%;background: lightblue url("../images/hero-background1.jpg") no-repeat fixed center;  background-size: cover;padding-top: 230px; }

@media (max-width:319px){
    .toggle-menu {display: flex;cursor: pointer;position: fixed;top: 20px;right: 20px;width: 20px; height: 20px;margin-top: -200px;}
}

h1 {width: 100%; text-align: center;text-shadow: 8px 8px 10px rgba(0, 0, 0, 0.7);}
.banner h2 {text-shadow: 8px 8px 10px rgba(0, 0, 0, 0.7);}
@media (max-width:600px){
    .banner {padding:30px;}
    .w3-jumbo{font-size:53px!important;text-align: center;}
    .banner p {font-size: 1.3em; color:white;text-align: center;}
    .certification-container {justify-content: center !important;gap:0px !important;}
    .certification-container img{margin: 5px;}
}
@media (min-width:601px){
    .banner {padding:200px 0px;}
    .w3-jumbo{width:100%;font-size:94px!important}
    .banner p {font-size: 2em; color:white;}
    .toggle-menu {display: flex;cursor: pointer;position: fixed;top: 20px;right: 20px;width: 40px; height: 40px;margin-top: -200px;}
    .footer-details{ border-left: none; padding-left: 20px;}
    }


@media (min-width:320px) and (max-width:600px){
    .toggle-menu {display: flex;cursor: pointer;position: fixed;top: 20px;right: 20px;width: 40px; height: 40px; }
    .footer-details{ border-left: none; padding-left: 0px;}
    .footer-img-right{text-align: center !important;}
    #header-logo {margin-right: 30px;}
}

@media (min-width:600px) and (max-width: 850px){
    .footer-img-right{text-align: center !important;}
    .w3-quarter{width: 100% !important;}
    .certification-container{height: 200px;}
    .banner{padding-left: 230px 0 180px 0;}
    .certification-container {justify-content: center !important;gap: 10px !important;}
    .certification-container img{margin: 10px;}
}

@media (min-width: 850px){
    .footer-details{ border-left: 2px solid #ddd; padding-left: 20px;}
    .footer-img-right{text-align: right !important;}
    .certification-container{height: 170px;}
}

.logo-top{width: 300px;height: 300px; position: relative; border: 1px solid #666;}
.footer {padding:30px 0}
.footer .w3-quarter {text-align: left;}
.footer-details{  padding-left: 20px;}
.footer-img-left {max-width: 360px; border: 1px solid #000; align-items: center;}
.footer a {color: cornflowerblue; text-decoration: none;}
.footer-link {display: inline-flex;align-items: center; text-decoration: none; color: white !important;}
.footer-link:hover {text-decoration: underline;}
.footer-icon { width: 24px; height: 24px; margin-right: 8px; display: inline-block;  vertical-align: middle;  filter: invert(40%) sepia(100%) saturate(500%) hue-rotate(180deg) brightness(90%) contrast(90%); filter: brightness(0) invert(1);}
#footer-logo{margin:0;padding: 0;} 
#footer-logo img{ width: 200px; height: 200px;}
.ceo-name-padding {line-height: 180px}
.to-top {background: #fff; color: #444}
.anton-regular {font-family: "Anton", sans-serif;font-weight: 400;  font-style: normal;}
.memberships-image img {border: 0;float: left;height: 100px; margin-left: 12px;}
.images-left {max-width: 220px;border: none;float: left;padding: 12px 12px 14px 0;}
.images-right {max-width: 220px;border: none;float: right;padding: 12px 0 14px 12px;}
.image-footer {max-width: 100px;border: none;padding: 0 14px 0;}
.round {border-radius: 10px}
.select_gcr{ width: 100%; padding-bottom: 20px;}
.select_gcr {display: flex;justify-content: center;align-items: center;height: 100%;}
.select_gcr a {margin: 0 auto}
.margin-auto {margin: 0 auto;}
#select_gcr_link{ width: 100px; }
.td-border{margin: 0; padding: 20px;border-right: 1px solid cornflowerblue}
.row {display: flex;justify-content: space-around;}
.cell { padding: 10px;border-right: none;text-align: center;flex: 1; }
.cell-border {border-right: 1px solid #000; } 
.row + .row {margin-top: 0px; }
.rows{margin-top : 20px;} 
.button {display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;color: #fff;background-color: #0056b3;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease, transform 0.2s ease;}
.button:hover {background-color: #007BFF;transform: scale(1.05);}
.button:active {background-color: #003f7f; transform: scale(0.98); }
.button:focus {outline: none;box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);}.mobile-menu {margin-top: 45px;display: none;position: absolute;top: 60px;left: 0;  width: 100%;height: 100vh;background-color: white;border: 1px solid #ccc; z-index: 1000;position: fixed;}
.mobile-menu a{margin-top: 10px;padding-bottom:5px;border-bottom: 1px solid #ccc;}
.mobile-menu a:hover{border-bottom: 1px solid #ccc;}
.mobile-menu ul {list-style: none;padding: 0;margin: 0;}
.mobile-menu li {padding: 10px 15px;}
.mobile-menu li a {text-decoration: none;color: #333;display: block;}
.mobile-menu.active {display: block;}
.certification-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 20px;}
.certification-container img{max-width: 100px;flex-grow: 1;height: auto;}