@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.roboto-thin {
   font-family: "Roboto", sans-serif;
   font-weight: 100;
   font-style: normal;
 }
 
 .roboto-light {
   font-family: "Roboto", sans-serif;
   font-weight: 300;
   font-style: normal;
 }
 
 .roboto-regular {
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-style: normal;
 }
 
 .roboto-medium {
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-style: normal;
 }
 
 .roboto-bold {
   font-family: "Roboto", sans-serif;
   font-weight: 700;
   font-style: normal;
 }
 
 .roboto-black {
   font-family: "Roboto", sans-serif;
   font-weight: 900;
   font-style: normal;
 }
 
 .roboto-thin-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 100;
   font-style: italic;
 }
 
 .roboto-light-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 300;
   font-style: italic;
 }
 
 .roboto-regular-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-style: italic;
 }
 
 .roboto-medium-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-style: italic;
 }
 
 .roboto-bold-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 700;
   font-style: italic;
 }
 
 .roboto-black-italic {
   font-family: "Roboto", sans-serif;
   font-weight: 900;
   font-style: italic;
 }

 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
 .cormorant-infant-light {
   font-family: "Cormorant Infant", serif;
   font-weight: 300;
   font-style: normal;
 }
 
 .cormorant-infant-regular {
   font-family: "Cormorant Infant", serif;
   font-weight: 400;
   font-style: normal;
 }
 
 .cormorant-infant-medium {
   font-family: "Cormorant Infant", serif;
   font-weight: 500;
   font-style: normal;
 }
 
 .cormorant-infant-semibold {
   font-family: "Cormorant Infant", serif;
   font-weight: 600;
   font-style: normal;
 }
 
 .cormorant-infant-bold {
   font-family: "Cormorant Infant", serif;
   font-weight: 700;
   font-style: normal;
 }
 
 .cormorant-infant-light-italic {
   font-family: "Cormorant Infant", serif;
   font-weight: 300;
   font-style: italic;
 }
 
 .cormorant-infant-regular-italic {
   font-family: "Cormorant Infant", serif;
   font-weight: 400;
   font-style: italic;
 }
 
 .cormorant-infant-medium-italic {
   font-family: "Cormorant Infant", serif;
   font-weight: 500;
   font-style: italic;
 }
 
 .cormorant-infant-semibold-italic {
   font-family: "Cormorant Infant", serif;
   font-weight: 600;
   font-style: italic;
 }
 
 .cormorant-infant-bold-italic {
   font-family: "Cormorant Infant", serif;
   font-weight: 700;
   font-style: italic;
 }
 
body {
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-style: normal;
}

h1 {
   font-family: "Cormorant Infant", serif;
   font-weight: 300;
}

.main--wrapper {

}

.bg-body-secondary {
   background-color: #EBEBEB !important;
}

.bg-primary {
   background-color: #F29100 !important;
}

.text-secondary {
   color: #1A1A30 !important;
}
.text-primary {
   color: #F29100 !important;
}
.btn {
   font-size: 12px;
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 1px;
   padding: 12px 20px;
   border-radius: 0;
}
.btn.btn-primary {
   background-color: #F29100;
   border-color: #F29100;
}
.btn.btn-secondary {
   background-color: #1A1A30;
   border-color: #1A1A30;
}

.btn.btn-link {
   text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    color: #21252a;
    position: relative;
    padding: 0 0 6px;
}
.btn.btn-link::after {
   content: "";
   height: 3px;
   background-color: #F29100;
   width: 20%;
   position: absolute;
   bottom: 0;
   left: 0;
   transition: all .25s ease-out;
}
.btn.btn-link:hover::after {
   width: 100%;
}

.btn-sm {
   font-size: 10px;
   padding: 7px 11px;
}

.form-control, .form-select {
   opacity: .7;
}
.form-control:hover, .form-control:focus, .form-select:hover, .form-select:focus {
   opacity: 1;
}

.hero--section {
   padding-top: 91px;
   height: 75vh;
   min-height: 480px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.hero--section.subpage {
   height: 25vh;
   min-height: 200px;
}

.footer--main {
   background-color: #1A1A30;
}

.navbar-nav  .nav-link {
   color: #fff;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 14px;
    position: relative;
}

.navbar-nav .nav-link::after {
   content: "";
   height: 3px;
   background-color: #fff;
   width: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   transition: all .25s ease-out;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
   width: 100%;
}
.navbar-nav .nav-link.active {
   color: #fff;
}

     .fly-contact {
        background-color: #c29f6f;
        color: #fff;
        transform: translateY(-100px);
        position: absolute;
     }

     .features--section {
        background-repeat: no-repeat;
        background-position: 2vw 0;
        background-size: 58vw;
        background-attachment: fixed;
     }

     .stretched-link {
        color: #b07f4a;
     }

     .footer--main {
        background-repeat: no-repeat;
        background-position: 80% 100%;
        background-size: 35vw;
        background-attachment: fixed;
     }

     .hero-copy {
        background-repeat: no-repeat;
        background-position: 110% 100%;
        background-size: 150px;
     }

     @media (max-width: 767.98px) {
        .fly-contact {
            transform: translateY(0);
            position: relative;
        }  
     }