@font-face { font-family: Informa; src: url('/Fonts/Informa Pro/InformaPro-Medium.ttf');}
@font-face { font-family: Filson-Light; src: url('/Fonts/Filson Soft/FilsonProLight-Light.otf');}

a:hover{
    transition:0.5s;
}

.navbar {
    background-color:#179B48;
    padding:none;
    margin:none;
    border:none;
}

.navbar-brand{
    transition:0.5s;
}

.navbar-brand:hover {
    transform:scale(103%);
}

.navbar-toggler-icon{
    color:#FFFFFF;
}

.header-logo {
    max-height:100px;
    max-width:100px;
    width:20%;
    padding:15px;
}

.nav-item a{
    color:#FFFFFF;
    font-family:Informa;
    letter-spacing:-0.023em;
    font-size:18pt;
    margin-left:20px;
    margin-right:20px;
    transition:0.5s;
    transition:0.5s;
}

.nav-item a:hover{
    transform:translateY(-2px);
}

.nav-item:hover{
    border-bottom-color:#FFF;
    border-bottom-width:2px;
}

body{
margin:0;
overflow-x:hidden;
}

.footer{
background:#231F20;
padding:30px 0px;
font-family: 'Filson-Light', sans-serif;
text-align:center;
}

.footer .footer-row{
width:100%;
padding:0.4% 0%;
color:#FFF;
font-size:0.8em;
}

.footer .footer-row a{
text-decoration:none;
color:#FFF;
transition:0.5s;
}

.footer .footer-row a:hover{
color:#DB9D47;
}

.footer .footer-row ul{
width:100%;
margin-left:0px;
}

.footer .footer-row ul li{
display:inline-block;
margin:0px 30px;
margin-left:0px;
}

.footer .footer-row a i{
font-size:2em;
margin:0% 1%;
}

@media (max-width:720px){
.footer{
text-align:left;
padding:5%;
}
.footer .footer-row ul li{
display:block;
margin:10px 0px;
text-align:left;
}
.footer .footer-row a i{
margin:0% 3%;
}
}

.carousel-caption{
/*    background:rgba(10,10,10,1);*/
    align-self:flex-end;
    margin-bottom:5vh;
}

.carousel-caption h1{
    font-size:8vh;
    font-family:Informa;
    letter-spacing:-0.023em;
}

.carousel-inner{
    max-height:100vh;
    display:flex
}

@media screen and (max-width:1000px) {
    .carousel-caption h1{
        font-size:4vw;
    }
    
    .carousel-caption h3{
        font-size:3vw;
    }
    
    .main {
        width:100%;
    }
}

.contact{
    background-color:#DB9D47;
    padding:5vw;
}
@media screen and (min-width:1000px) {
    
.contact h1{
    color:white;
    font-size:2.5vw;
}

.contact h2{
    color:white;
    font-size:1.5vw
}

.contact h2 a{
    color:white;
}

.contact h2 a i{
    height:30px;
}
    
}

.contact h1{
    color:white;
}

.contact h2{
    color:white;
}

.contact h2 a{
    color:white;
}

.meetings {
    background-color:#639FAB;
    padding:5vw;
}

.meetings h1 {
    color:white;
    font-family:Informa;
    letter-spacing:-0.023em;
}

.meetings h2 {
    color:white;
    font-family:Filson-Light;
}

.meetings h2 a{
    color:white;
    transition:0.5s;
}

.meetings h2 a:hover{
    color:white;
    color:#DB9D47;
}

@media screen and (min-width:1000px) {
    
.meetings h1{
    color:white;
    font-size:2.5vw;
}

.meetings h2{
    color:white;
    font-size:1.5vw
}

.meetings h2 a{
    color:white;
}
    
}

.contact-form{
    background-color:#639FAB;
    padding:30px;
    color:white;
    font-size:20px;
    font-family:Informa;
    letter-spacing:-0.023em;
}

.contact-form h1{
    color:white;
}

.contact-form h1 a{
    color:white;
}

@media screen and (min-width:1200px) {
    .contact-form{
        margin-left:10vw;
        margin-right:10vw;
    }
    
    .social{
        margin-left:10vw;
        margin-right:10vw;
    }
}

.social{
    background-image:url(/images/IMG_0211.JPEG);
    background-position:center;
    height:40vw;
    align-content:center;
}

.social a {
    font-size:90px;
    padding:50px;
    transition:0.5s;
}

.social-link{
    color:#FFF;
    transition:0.5s;
}

.social-link:hover{
    transform:scale(105%);
    color:#179B48;
    transition:0.5s;
}

.contact-form button {
    background-color:#179B48;
    border-color:white;
    transition:0.5s;
    font-family:Informa;
    letter-spacing:-0.023em;
}

.contact-form button:hover {
    background-color:#179B48;
    border-color:#179B48;
    transform:scale(105%);
}

.form-control{
    font-family:Filson-Light;
}

.form-control:focus {
  border-color: #DB9D47;
  box-shadow: 0 0 0 0.25rem rgba(219, 157, 71, 0.25);
}

.card-body a {
    margin:2%;
    border-radius:50rem;
    border:none;
    padding:1em 3em;
    font-size:30px;
    font-family:Informa;
    letter-spacing:-0.023em;
    transition:0.5s;
}

.card-body a:hover {
    transform:scale(105%)
}