@font-face {
  font-family: 'Roboto';
  src: url(Roboto-Regular.ttf) format('truetype');
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'Roboto';
  src: url(Roboto-Light.ttf) format('truetype');
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: 'Roboto';
  src: url(Roboto-Bold.ttf) format('truetype');
  font-weight: 700;
  font-display: block;
}

@font-face {
  font-family: 'Didot';
  src: url(Didot.ttf) format('truetype');
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: 'Didot';
  src: url(Didot-Bold.ttf) format('truetype');
  font-weight: 700;
  font-display: block;
}

* {
  box-sizing: border-box;
  font-family: Roboto;
}

h1 {
  font-family: Didot;
}

.didot {
  font-family: Didot;
}

span.fi-highlight {
  font-family: Didot;
  font-weight: bold;
  padding:1px 3px;
  background-color: #CCF1FF;
}

.fi-nav-link {
  color:white !important;
  text-decoration: none;

}

.fi-nav-link.footer {
  color:#5D5F65 !important;
}

.fi-nav-link.icon {
  padding:1rem !important;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .fi-nav-link {

  }

  .fi-contactus {
    margin:auto;
    max-width: 700px;
  }
}

/* .fi-nav-link:hover {
  color:white !important;
} */

.body-text {
  font-size:20px;
  line-height: 32px;
  font-weight: 200;
  opacity: .8;
  color:#333;
}

.body-text-small {
  opacity: .9;
  font-weight: 200;
  font-size:18px;
  line-height:26px;
  color:#333;
}

.fi-input:focus {
  box-shadow: none;
  border-color:#32C4FF;
}

.form-floating input:focus + label, .form-floating select:focus + label, .form-floating textarea:focus + label {
  color: #32C4FF;
}

.btn-outline-dark.active,  .btn-outline-dark:hover {
  color: #fff;
  background-color: #32C4FF;
  border-color: #32C4FF;
}


.background {
  background-image:url(./subhero.png);
  background-size:100% auto;
  background-repeat:no-repeat;
  z-index:-1;
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:600px;
  background-color: #767677;
}

.subheader {
  padding-top:1rem !important;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .subheader {
    padding-top:10rem !important;
  }
}

.footer-hero-blue {
  height:100px;
  background-color: #32C5FF;
}

.footer-hero {
  font-size:32px;
  line-height: 2rem;
  font-weight: bold;
  padding-bottom: 1.5rem;
}

.footer-hero .col-xl-8 {
  margin-top:-50px;
  padding:2.5rem;
  background-color: white;
  box-shadow: 50px 50px 100px rgba(0,0,0,0.15);
}

.fi-footer {
  margin-top:0;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .footer-hero-blue {
    height:250px;
  }

  .footer-hero {
    font-size:64px;
    line-height: 4.5rem;
  }

  .fi-footer {
    margin-top:3rem;
  }
}

.fi-contact-container {
  padding-top:0rem;
  padding-bottom: 1rem;
}

.fi-contact-container-inner {
  padding:0rem !important;
  padding-top:2rem !important;
  padding-bottom:1rem !important;
  background-color:white;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .fi-contact-container{
    padding-top:8rem;
    padding-bottom: 10rem;
  }

  .fi-contact-container-inner {
    padding:3rem !important;
  }

}

.home-main-box {
  margin-top:0px;
  margin-bottom:0px;
  background-color:white;
  padding:2rem;
  padding-right: 85px;
  position: relative;
}


.home-secondary-box {
  background-color:white;
  padding:2rem;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home-main-box {
    margin-top:300px;
    margin-bottom:100px;
    padding:50px 160px 40px 70px;
  }


  .home-secondary-box {
    padding:60px 90px 80px 150px
  }
}

.headshot {
  height:400px;
  width:100%;
  background-color: #333;
  margin-bottom: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}