@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,800;1,300;1,400;1,500;1,800&display=swap');


/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
}
/*Header Box*/
#hero-plus-header {  
display:block;}
/*Hero Box*/
#hero-plus-hero { align-items:start;
}
/*Body Box*/
#hero-plus-body { font-size: 18px;
 font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;

}
/*Footer Box*/
#hero-plus-footer{ display:block; padding: 30px; text-align:center; background:#001f3f;
 font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
color:#fff;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}
#txt {padding: 2% 12%;}

#gallery-title-uuid{display:none;}


#gallery {padding: 2% 5%; background: #02367b;    max-width: 100%;
    flex-basis: 100%;}
#gallery h2 {display:none;}
.card-body {display:none;}
.logo {margin: 5px; margin-left:20px; width:90px;}
.logo2 {margin: 5px; margin-left:20px; width:220px;}
.hero {max-width: 100%;width:100%;}
.ctab, .ctab:visited, .ctab:hover {
    background-color: #f9e900;
    text-align: center;
    margin: 10px;
margin-top:16px;
    text-decoration: none!important;
    color: #02367b;
    padding: 12px 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
font-size:115%;
line-height:100%;
display:inline-block;
width:300px;
}

 .ctab:hover {
    color: #f9e900;
    text-align: center;
    margin: 10px;
margin-top:16px;
    text-decoration: none!important;
    background-color: #02367b;
    padding: 12px 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
font-size:115%;
line-height:100%;
display:inline-block;
width:300px;
}


.soc, .soc:visited, .soc:hover {
    color: #007aa0;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.link{
    font-size: 150%;
    display: inline-block;
    color: #fff;
    padding: 5px;
    font-weight: 800;
margin:0 10px;
}

.link:hover{
    font-size: 150%;
    display: inline-block;
    color: #f9e900;
    padding: 5px;
    font-weight: 800;
margin:0 10px;
text-decoration:none;
}
.side {float: right !Important; width: 35%; margin: 1%;}
h1 {text-align:center; font-size: 2.5 rem; color:#001f3f;
 font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;}
stong{color:#001f3f;}
h2 {text-align:center; font-size: 1.7rem; margin: 20px 0px 40px;  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;}
#flags {
    padding: 10px;
    margin: 15px auto;
    text-align: center;
    padding: 10px;
}

.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}

.flag-icon {
    font-size: 1.5em;
    margin: 10px;
    vertical-align: middle;
}

#flags a {
    display: block;
    font-size: 0px;
}

.flag-icon::before {
    content: ''!important;
}
@media only screen and (max-width: 768px) {
#txt {
    padding: 4% 2%;
}

#hero-plus-header {
    display: block;
    text-align: center;
}

.logo {margin: 5px; margin-left:0px; width:60px; display:inline-block;}
.logo2 {margin: 5px; margin-left:10px; width:140px; display:inline-block;}
.ctab, .ctab:visited, .ctab:hover {
    width: 100%;
margin:0px;
}
.ctab {
    display: block;
margin:0px;
}
.logo {
  margin:0 auto;
    display: inline-block;
}
.side {
    float: none;
    width: 100%;
    margin: 20px auto;
}
.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
}