@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');

:root{
  --gcblack:#231f20;
  --bluegreen:#278575;
  --gcgreen:#7d9d49;
}

body{
  background:url('img/mainbg.gif') repeat;
  background-attachment: fixed;
  color:var(--gcblack);
  font-family:'Poppins', sans-serif;
}

.logo{
  max-width:243px;
  margin:20px auto;
}

nav{
  background:#fff;
}

a{
  color:var(--bluegreen);

}

footer a{
  text-decoration:none;
}

a:hover{
  color:var(--gcgreen);
  
}

li.nav-item {
  padding: 0px 15px;
}

a.nav-link{
  color:var(--bluegreen);
  padding:0 20px;
}

li.nav-item.active{
  border-bottom:1px solid var(--bluegreen);
}
header{
  padding-top:100px;
}

header h4{
  color:var(--bluegreen);
  font-weight:600;
  font-size:26px;
}

h1{
  font-size:46px;
  font-weight: 800;
  color:var(--gcblack);
}

.green{
  color:var(--gcgreen);
}

header p{
  font-size:20px;
  line-height: 40px;
}

.cta-btn{
  background:var(--bluegreen);
  padding:15px 40px;
  border-radius:50px;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-transform:uppercase;
  transition: background-color .3s linear;
}

.cta-btn:hover {
  color:#fff;
  background:#329988;
}

section{
  padding:100px 0;
}

h2{
  font-size:36px;
  font-weight:bold;
  color:var(--gcgreen);
  margin-bottom:20px;
}

p{
  font-size:16px;
  line-height: 32px;
}

footer{
  background:#fbfbfb;
  padding:10px 0;
  border-top:1px solid lightgray;
}


@media(max-width:768px){
  header {
    padding-top: 130px;
    text-align:center;
}

.subpage{
  padding-top:100px;
}

.subpage h1{
  word-wrap:break-word;
}

nav a{
  text-decoration:none;
}

li.nav-item {
  text-align: center;
  padding: 10px 0;
}

#main-nav button {
  margin: 0 auto;
  display: block;
}

h1{
  font-size:42px;
}

h2{
  font-size:30px;
}

section{
  padding:50px 0;
}

.cta-btn{
  margin:0 auto;
  display:block;
}


 
}