@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.translations {
width: 100%;
text-align: center;
margin: 0px auto 30px;
}

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
font-family:'Montserrat',Arial,sans-serif;
  background-color: #000032;
}
#gallery h2 { display: none; }
/*Header Box*/
#hero-plus-header {  
display:block;}
/*Hero Box*/
#hero-plus-hero { align-items:start;
}

.lightbox > .img-fluid {
    /* max-height: 288px; */
    width: 100%;
    max-width: 100%;
    max-height: 100%!important;
}


/*Body Box*/
#hero-plus-body { font-size: 19px;
font-family: 'Montserrat',Arial,sans-serif;
    background-image:url('images/Free-Quote-Background-Image.jpg');
width: 100vw;
    height: auto;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
padding-bottom:40px;
}
/*Footer Box*/
#hero-plus-footer{ display:block;  text-align:center;
font-family: 'Montserrat',Arial,sans-serif;
}

.center1{
text-align:center; display:block; width:100%; max-width:100%;}


.col-lg-3{
-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}
#hero-plus-footer .logo {display:block; margin: 20px  10px; auto;}
#txt {margin: 2% 13%;
padding:3% 5%;
border-radius:6px;
background-color: rgba(255,255,255,.85);
border: 2px solid #7AC9EA; 
}
#gallery {padding: 2% 15%; background: #7AC9EA;    max-width: 100%;
border-top: 2px solid #000032; 
border-bottom: 2px solid #000032; 
    flex-basis: 100%;
opacity: 0.9; }
#gallery h2 {display:none;}
#gallery-title-uuid{display:none;}
.card-body {display:none;}
.logo {margin: 10px; width: 200px; }
.hero {max-width: 100%; width:100%; flex-basis:100%;}
.ctab, .ctab:visited{
    background-color: #000080;
    text-align: center;
    margin: 10px;
    text-decoration: none!important;
    color: #fff;
    padding: 12px 15px;
display:inline-block;
    font-size: 105%;
   transition: background-color 0.5s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.4s ease-in-out;
}

.ctab:hover {
background-color: #231F20;
    text-align: center;
    margin: 10px;
    text-decoration: none!important;
    color: #fff;
 transition: background-color 0.5s ease;
display:inline-block;
    font-size: 105%;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

a, strong {
    color: #000080;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.gallery-inline{
    padding: 0 2%;
}
.soc, .soc:visited {
    color: #000032;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  transition: color 0.3s ease;
}

.soc:hover {
    color: none;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}


hr{width:50%;}

.footer-logo{
    width: 250px;
    margin: 15px auto;
    display: block;
}

.side {float: right !Important; width: 35%; margin: 1%;}
h1 {text-align:center; font-size: 2rem;margin: 20px 0px 40px; font-weight:900; color:#000080;}
h2 {text-align:center; font-size: 1.7rem; margin: 20px 0px 40px;}
#flags {
    padding: 10px;
    margin: 15px auto;
    text-align: center;
    padding: 10px;
}
.card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -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) {
.ctab {
    display: block;

}


.ctab, .ctab:visited {
    background-color: #FF0044;
    text-align: center;
    margin: 5px;
    text-decoration: none!important;
    color: #fff;
    padding: 12px 7px;
    display: inline-block;
    font-size: 95%;
    transition: background-color 0.5s ease;
    box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
    transition: box-shadow 0.4s ease-in-out;
width:100%; max-width:100%;
}

.ctab:hover {
background-color: #231F20;
    text-align: center;
    margin: 5px;
    text-decoration: none!important;
    color: #fff;
 transition: background-color 0.5s ease;
display:inline-block;
    font-size: 95%;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
width:100%; max-width:100%;
}


.logo {
    margin: 10px auto;
    display: block;
logo-width:120px;
}
.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;
}

#txt {
  margin: 4%;
  padding:2%;
    border-radius: 6px;
    background-color: rgba(255,255,255,.85);
}

.gallery-inline {
    padding: 0 6%;
}

.container-fluid {
    width: 100%;
    padding-right: 3px;
    padding-left: 2px;
    margin-right: auto;
    margin-left: auto;
}

}