@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{
  margin:0;
}
#site-container{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
.container{
  max-width:1920px;
  width:100%;
  margin:0 auto;
}
.flex-container{
  display:flex;
}
#header{
  padding:15px;
}
#header .flex-container{
  align-items:center;
}
#logo img{
  max-width:355px;
  width:100%;
}
#tagline{
  color:#10AD2A;
  font-family:'Montserrat', sans-serif;;
  font-size:16px;
  font-style:italic;
  width:285px;
  margin:10px 30px;
}
#header-information{
  margin-left:auto;
}
#header-information > p{
  color:#10AD2A;
  font-family:'Montserrat', sans-serif;
  text-transform:uppercase;
  font-size:40px;
  font-weight:300;
  margin:0;
}
#header-contact{
  display:flex;
  font-family:'Montserrat', sans-serif;
  font-size:18px;
}
#header-contact-left, #header-contact-right{
  width:48%;
  margin:15px 1%;
}
#header-contact-left{
  text-align:right;
  font-weight:600;
  font-style:italic;
}
#header-contact-right{
  color:#000;
  text-decoration:none;
}
#main{
  display:flex;
  align-items:stretch;
}
.main-column{
  display:flex;
  flex-direction:column;
  flex:1;
  position:relative;
}
.main-column img{
  width:100%;
}
.main-column span{
  background:rgba(9,52,17,0.9);
  display:flex;
  width:calc(100% - 60px);
  padding:15px 30px;
  font-family:'Arial', sans-serif;
  font-weight:900;
  color:#fff;
  font-size:30px;
  position:absolute;
  align-items:center;
}
#footer{
  position:relative;
  background:#000;
  color:#fff;
  padding:25px;
  border-top:10px solid #10AD2A;
  margin-top:-1px;
  overflow:hidden;
  flex:1;
  
}
#footer > img{
  position:absolute;
  top:50%;
  transform:translateY(-50%) translateX(-75%);
  left:0;
}
#footer-left{
  font-size:100px;
  font-family:'Arial', sans-serif;
  font-weight:900;
  width:900px;
  line-height:0.9em;
  margin-left:100px;
}
#footer-right{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items:end;
}
#footer-right a{
  color:#10AD2A;
  font-family:'Arial', sans-serif;
  text-decoration:none;
  font-size:40px;
  font-weight:900;
  margin-top:15px;
  text-align:end;
}
#footer-right p{
  margin-bottom:15px;
  margin-top:auto;
  font-family:'Montserrat', sans-serif;
  font-size:24px;
  font-style:italic;
  text-align:end;
}

@media(max-width:1350px){
  #header .flex-container{
    flex-wrap:wrap;
  }
  #header-information{
    flex:0 0 100%;
    text-align:center;
    margin-top:50px;
  }
  #header-contact-right{
    text-align:start;
  }
  #logo{
    flex:0 0 50%;
    margin:0;
    display:flex;
    justify-content:end;
  }
  #tagline{
    margin-left:30px;
  }
  #main{
    flex-wrap:wrap;
  }
  .main-column{
    flex:0 0 50%;
  }
  #footer .flex-container{
    flex-wrap:wrap;
  }
  #footer-left, #footer-right{
    flex:0 0 100%;
    text-align:center;
    margin:0;
    align-items:center;
    z-index:10;
  }
  #footer-right a, #footer-right p{
    justify-content: center;
    text-align:center;
    margin:0;
  }
  #footer > img{
    top:0;
    transform:translateY(0) translateX(-50%);
    opacity:0.4;
  }
  #footer-left{
    font-size:60px;
  }
}
@media(max-width:767px){
  #logo{
    flex:0 0 100%;
    justify-content: center;
  }
  #tagline{
    margin:20px 0;
    flex:0 0 100%;
    text-align:center;
  }
  #header-information{
    margin-top:25px;
  }
  #header-contact{
    flex-wrap:wrap;
  }
  #header-contact-left, #header-contact-right{
    flex:0 0 100%;
    text-align:center;
    margin:0;
  }
  .main-column{
    flex:0 0 100%;
    margin:10px 0;
  }
  #main{
    padding:15px;
  }
}