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


:root {
    --green: #005239;
    --yellow: #EDF67D;
    --lightGrey: #ECEDF0;
}



body { 
font-family: 'Roboto', sans-serif;
}

.column img {max-width:100%; height:auto;}

  .navbar-expand-lg .navbar-nav .nav-link {
       letter-spacing:2px;


    }
    
#TopBanner {background-color:var(--lightGrey); color:var(--green); padding-top:2rem; padding-bottom:2rem;}    
    
    
.grid-section .column {padding-top:50px; padding-bottom:50px; }     
    
    .buttonFull {display:block; width:100%;}
    
    .dropdown-item { letter-spacing:2px; }
    
.overSlider .col-lg-8 ul li { letter-spacing:2px;  }

footer img {margin-bottom:45px;}
h1, h2, h3, h4, li {font-family: 'Anton', sans-serif; letter-spacing:2px;}

.grid-section .container { padding:30px 20px; }

.buttonsList a {margin-bottom: 15px; padding:25px 30px;}
.tns-outer {position:relative; padding-bottom:50px!important; display: block;}
.tns-controls {text-align: center; position: absolute; bottom: 0px; width: 100%;}
.tns-controls button {width:20px; height: 20px; background-color: var(--green); border-radius: 100%; border: none; margin: 5px;}
.tns-nav-active {background-color: var(--yellow);}
.overSlider .col-lg-8 {text-align: left;}

.overSlider h1 {margin-bottom: 3rem;}
.overSlider .col-lg-8 ul {list-style: none; padding-left: 0px; margin-left: 0px;}
.overSlider .col-lg-8 ul li { margin-bottom: 15px;}

.slide img {width: 100%;}

section {padding:50px 0px;}

.slide a {background-color: var(--yellow); color: var(--green); display: block; padding: 15px; width: 100%; text-decoration: none; font-family: 'Anton', sans-serif; text-align: center; }

footer {padding:50px 0px; background-color: var(--lightGrey);}

footer ul {list-style: none; padding-left: 0px; margin-left: 0px; font-family: 'Roboto', sans-serif; }
footer a {font-family: 'Roboto', sans-serif; color:var(--green); text-decoration: none;}

.sliderHolder {position: relative;}
.overSlider {position: absolute;
    text-align: center;
    max-width: 1200px;
    color: #fff;
    top: 50%;
    left: 50%;
    z-index: 9996;
    transform: translate(-50%, -50%);}


i {color:var(--green);}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-item {
    height: 70vh;
    min-height: 600px;
}

.iconsTop {display:inline; float:right; margin-right:20px;}
.iconsTop i {font-size: 1.6rem; margin:0px 5px;}
.navHolder {background-color: var(--green);}

.navbar-light .navbar-toggler {background-color: var(--yellow);}

.nav-link {color:#fff!important;}
.nav-link:hover {color:var(--yellow)!important;}

.topBar h2 {font-size: 1rem; text-align: right; display: inline; float: right; margin-bottom: 0px!important; padding-top:15px;}


.cover {
    -webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

.btn { background-color: var(--yellow); font-weight: 400; font-family: 'Anton', sans-serif; letter-spacing: 2px; color: var(--green);}

.navButtons {position: absolute; right: 0px; z-index: 9;}

.navbar .btn { padding: 20px 30px; margin-left: 15px;}

.navHolder {padding:15px 15px;}

.topBar { padding:15px 15px;}



@media (min-width: 576px) {  }


@media (min-width: 768px) {  }


@media (min-width: 992px) {
    .navHolder {padding:0px 50px;}
    .topBar { padding:30px 50px;}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .8rem;
        padding-left: .8rem;


    }
    
    .overSlider .col-lg-4 {text-align:right;}



  }


@media (min-width: 1200px) {  }


@media (min-width: 1400px) {  }






@media (max-width: 991.98px) { 
    
    
    .buttonFull { width:48%; float:left; margin:1%; }
    .ccarousel-item { padding-top:100px; padding-bottom:200px; }
    .navButtons {display:none;}
    
    .topBar .iconsTop {margin-right:0px;}
    
    
.overSlider h1 {line-height:3rem; margin-top:50px;}
    .nav-link {padding:15px 0rem; border-bottom: solid 1px #ccc;}
    .overSlider .col-lg-8 { text-align:center;}
.overSlider .col-lg-8 ul li img {display:none!important;}
.overSlider .col-lg-8 ul {margin-bottom:50px;}

.dropdown-menu {border-radius:0px; padding:0px!important;  margin:0px; 0px; border:none!important;}

.dropdown-menu .dropdown-item {    padding: 1rem 1rem;}



 }
 



@media (max-width: 767.98px) {

    body{font-size: .8rem!important;}
    .topBar .col-md-3 {text-align: center;}
    .topBar .col-md-9 h2 {display: block; width: 100%; text-align: center;}
    .topBar .iconsTop {display: block; width: 100%; text-align: center;}
    .navButtons {display: none;}
    .mobButtons {display: block; width: 100%; text-align: center;}
    
    .buttonsList a {padding: 10px 30px; }
    .overSlider h1 { font-size:2rem!important;line-height:2rem!important;  }
  }
  
  
   @media (max-width: 575.98px) {
     .buttonFull {width:100%; float:left; margin:0%;}
    
    
}