.text-orange {
    color: #f59420;
}
#header .logo {
    max-width: 200px;
    width: 100%;
}
@media (min-width: 768px) {
    #header .logo {
        margin-bottom: -20px;
        z-index: 99;
        position: relative;
    }
    .shift-end {
        margin-right: -40px;
        z-index: 99;
        position: relative;
    }
}
.side-nav p {
    transform: rotate(-1deg);
    color: #372349;
    font-size: 1.9rem;
    font-family: 'Caveat', sans-serif;
}
.side-nav p:hover {
    color: #fff;
    transform: rotate(0deg);
}
.bg-orange-1 {
    background-color: #f59420;
}
.bg-orange-2 {
    background-color: #e68714;
}
.bg-orange-3 {
    background-color: #c26d07;
}
.text-orange-3 {
    color: #c26d07;
}
.bg-orange-grad {
    background: linear-gradient(180deg, #ffa467 55%, #ff6e05 100%);
}
.tilt-1 {
    transform: rotate(-1deg);
    font-size: 1.9rem;
    font-weight: 700;
    font-family: 'Caveat', sans-serif;
}
.bg-sizing {
    position: relative;
	width: 100%;
}
.bg-sizing:before {
    content: "";
    float: left;
    padding-top: 60%;
}
.bg-light-orange {
    background: rgba(248, 182, 26, 0.85);
}
.footer-logo {
    width: 100%;
    max-width: 300px
}
@font-face {
    font-family: "Caveat";
    src: url(fonts/Caveat-VariableFont_wght.ttf);
}
body {
    font-family: 'Karla';
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Futura';
}