@font-face {
  font-family: "Open sans";
  font-display: swap;
  src: url(../fonts/OpenSans-Light-300.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Open sans";
  font-display: swap;
  src: url(../fonts/OpenSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Condensed";
  font-display: swap;
  src: url(../fonts/RobotoCondensed-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Condensed";
  font-display: swap;
  src: url(../fonts/RobotoCondensed-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}


body {
    padding-top: 54px;
    font-family: 'Open sans', sans-serif;
    font-size:16px;
    color: #666666;
    font-weight:300;
}

h1,h2,h3 {
 font-family: 'Roboto Condensed', sans-serif;
 color: #014C8F;
 font-weight: 700
}

h5 {font-weight: 700; color: #333333}

h1 {
    padding-bottom:20px;
}

.subhead {
    display:block;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
}
.carousel-item {
  height: 50vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item.n1 {
        background: no-repeat bottom -100px center scroll;
}
.carousel-item.n3 {
        background: no-repeat center top -500px scroll;
}

.portfolio-item {
  margin-bottom: 30px;
}

.navbar-top {
    border-bottom: 7px solid #014C8F;
    -webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.15);
    box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.15);
    padding: 0px 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
}

.navbar-nav .nav-item .nav-link {
    color: #014C8F;
    font-weight:bold;
    padding: 20px 20px;
}

.navbar-nav .nav-item .nav-link.active {
    background-color: #EEE;
    color: #014C8F
}

.navbar-nav .nav-item .nav-link:hover {
    color: #014C8F;
    text-decoration:underline;

}

.navbar-dark .navbar-toggler { color: #333; }

section {
    padding-top:20px;
}

.sidepanel {
    border: 1px solid #ccc;
    background-color:white;
    height: 900px;
    margin-top:-250px;
    padding: 10px 20px;
    text-align:center;
    -webkit-box-shadow: 3px 3px 10px -5px rgba(102,102,102,1);
    -moz-box-shadow: 3px 3px 10px -5px rgba(102,102,102,1);
    box-shadow: 3px 3px 10px -5px rgba(102,102,102,1);
    font-size:14px;
    font-weight:400;
}

.sidepanel p {
    margin-bottom:5px;
}

.sidepanel h3 {
    margin-top:30px;
    font-size:18px;
}

.card-text {
    font-size: 13px;

    margin-top:20px;
}

.card-footer {
    text-align: left;
    font-size: 13px;
}

.card-footer p {
    margin-bottom:0;

}

.card-footer i {
    text-align:center;
    margin-right:10px;
    font-size:20px;
    padding-top:3px;
}

.card-footer .fa-mobile {
    margin:0 15px 0 4px;
    font-size: 24px;
}

.services {
    font-size:14px;
    font-weight:300;
}

.services li {
    padding-bottom:5px;
}


#map {
        height: 400px;
        width: 100%;
        border: 1px solid #ccc;
}

footer {
    margin-top:30px;
}