@font-face {
    font-family: "Shrikhand";
    src: url(fonts/Shrikhand-Regular.woff);
}
.text-shrikhand {
    font-family: "Shrikhand";
}
body {
    font-family: 'Lato';
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Shrikhand';
}
.bg-volt-blue {
    background-color: #276fb7;
}
.text-yellow {
    color: #f3bd20;
}
.bg-volt-yellow {
    background-color: #f3bd20;
}
.border-yellow {
    border: 2px solid #f3bd20;
    border-bottom: none;
}
.logo-margin {
    margin-top: -40px;
}
.footer-logo {
    width: 100%;
    max-width: 200px;
}
.bg-baby-blue {
    background-color: #52d4ff;
}
.text-baby-blue {
    color: #52d4ff;
}
@media (min-width: 768px) {
    .contact-margin {
        margin-top: -10px;
    }
}
.side-nav:hover {
    color: #fff;
}
.side-nav .active {
    background-color: #52d4ff;
    color: #fff;
    border-color: #fff;
}
.side-nav .active a {
    color: #fff;
}
@media (min-width: 768px) {
.beginning-box {
    margin-bottom: -15px;
    margin-left: -40px;
}
}
.horizontal-box {
    min-height: 200px;
    margin: 15px 0;
    font-size: 1.05rem;
    font-weight: 500;
    color: #372349;
}
p.boxes {
    font-size: 1.1rem;
}
@media (max-width: 575px) {
    .side-nav a {
        font-size: calc(1rem)!important;
    }
}
.side-nav a {
    font-size: calc(1.275rem + .3vw)
}