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

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background-color: white;
}

.col-lg-3{
    -ms-flex: 0 0 100%!important;
   flex: 0 0 100%!important;
max-width:100%!important;
}

.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;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 115%;
    line-height: 165%;
}

.gallery-inline h2 {display: none;}

#gal-head {text-align: center; margin: 0px auto;}

strong{color:#151f6d;}

#row {height: 325px;}

.col-sm-4 {float: right;}

.lg-sub-html {font-size: 18px !important;}

.right{float:right; width:37%; margin-left:7%; margin-top:0%; text-align:center; margin-bottom:20px;}

.doc-inline{
    display: block;
    margin: 15px;
    color: #8cc63e;
    font-size: 90%;
    border-bottom: 1px solid;
}
.doc-inline:hover{
text-decoration:none;
}

.gallery-inline{ padding: 12% 10%;
    background: #e2e2e2;
    margin-bottom: 50px;}

.icons{
color:#013473;
margin:10px 5px;

}

.icons:hover{
color:#8cc63e;
margin:20px 7px;

}

.gallery{background-color:#fff2d4; background-image:url('images/white-wave-1.png'); background-position: center bottom; background-repeat:no-repeat; background-size:contain;}

.gallery1{background-color:#fff2d4; background-image:url('images/white-wave-1.png'); background-position: center bottom; background-repeat:no-repeat; background-size:contain;}

 .two{background-color:#fff2d4!important; background-image:url('images/white-wave-1.png'); background-position: center bottom; background-repeat:no-repeat; background-size:contain; }

.gallery .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;
}

.gallery1 .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;
}
/*Header Box*/
#hero-plus-header {  
font-family: 'Roboto', sans-serif;
}
.h1, h1 {
font-family: 'Roboto', sans-serif;
font-weight:700;
    font-size: 2.5rem;
    text-align: center;
    margin: 20px 0px 40px;
    color: #151f6d;
    font-weight: bold;
}
.h2, h2 {font-size: 1.5rem; color:#151f6d; text-align: center; margin-bottom: 40px; font-weight: bold; margin-top:25px;}

.h2text{font-size: 1.5rem; color:#151f6d; text-align: center; margin-bottom: 40px; font-weight: normal; margin-top:20px;}

.tweet {
    background: #ff6d00;
    text-align: center;
    font-size: 150% !important;
    font-weight: bold;
    margin: 20px auto;
    padding: 15px;
    color: #000;
}
#txt {padding: 2% 14%;}
/*Hero Box*/
.logo2 {margin: auto;
   
    width: 270px;
    display: block;}

h3{color:#616161; text-transform:uppercase;margin-top: 30px;
    margin-bottom: 20px;}

.logo {margin: 10px 20px; width:270px;}
.ctab, .ctab:visited {
    background: #8cc63e;
    color: #013473;
   letter-spacing:1px;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
    margin: 50px 30px;
}

.ctab:hover {text-decoration: none; background:#013473; color:#8cc63e;}

#gallery h2 {display:none;}
.hero { width: 100%; max-width: 100%;}
#hero-plus-hero {
align-items: start;
}
#gallery {
    background: #f0f0f0;
    padding: 60px 50px 40px;
}

#bg1 {
    background: url('images/bg2.jpg') center no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bg2 {
    background: url('images/bg3.jpg') center no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 30px;
}

.card-body {
    background: #013473;
    color: #8cc63e;
display:none;}


.card-text{font-weight:bold;}

.card-title {
    margin-bottom: .75rem;
    display: none;
}

/*Body Box*/
#hero-plus-body {
font-family: 'Roboto', sans-serif;
}
/*Footer Box*/
#hero-plus-footer{ font-family: 'Roboto', sans-serif; background: #eee; display: block;
    text-align: center;
    padding-top: 20px;
}
.soc, .soc:visited {
    display: inline-block;
    margin: 5px;
    padding: 10px;
    color: #fff;
    margin-bottom: 20px;
}

.soc:hover {color: #f4d044;}

.link, .link:visited {
    display: block;
    font-size: 2em;
    color: #fff;
    font-weight: 600;
    margin: 20px;
}

.link:hover {color: #f4d044; text-decoration: none;}

#txt  {
    font-size: 18px;
}
/* Control carousel arrow*/
.carousel-gallery-arrow {
}

@media only screen and (max-width: 1025px) {
#txt p {
    font-size: 16px;
}
#row {height: auto;}
}

@media only screen and (max-width: 768px) {

.right{float:right; width:100%; margin-left:0%; margin-top:0%;}

.h1, h1 {
font-family: 'Roboto', sans-serif;
font-weight:700;
    font-size: 1.5rem;
    text-align: center;
    margin: 20px 0px 40px;
    color: #151f6d;
    font-weight: bold;
}

h2 {
font-family: 'Roboto', sans-serif;
font-weight:700;
    font-size: 1.15rem;
    text-align: center;
    margin: 20px 0px 40px;
    color: #151f6d;
    font-weight: bold;
}
#txt {
    padding: 2% 4%;
}

#hero-plus-header {
    display: block;
    text-align: center;
    margin:20px auto;}
.logo {
    margin: 0px auto;
    display: block;
width:200px;
}
.ctab {    display:block;
    background: #8cc63e;
    color: #013473;
    letter-spacing: 1px;
    font-size: 17px;
    padding: 5px 20px;
    text-align: center;
    margin: 5px 10px;
}
.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;
}
}