body{
    font-family: "Raleway", sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Californian FB";
}
.font-12{
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.28px;
}
.font-16{
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0.28px;
}
.font-18{
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: 0.28px;  
}
.font-24{
    font-size: 24px;
    line-height: 31.2px;
    letter-spacing: 0.28px;
}
.font-64{
    font-size: 64px;
    line-height: 83.2px;
    letter-spacing: 0.28px;  
}
.font-28{
font-size: 28px;
line-height: 36.4px;
}
.font-40{
    font-size: 40px;
    line-height: 52px;
    letter-spacing: 0.28px;  
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.mb-8{
    margin-bottom: 8px;
}
.mb-16{
    margin-bottom: 16px;
}
.mb-24{
    margin-bottom: 24px;
}
.mb-32{
    margin-bottom: 32px;
}
.mb-20{
    margin-bottom: 20px;
}
.font-raleway{
    font-family: "Raleway", sans-serif !important;
}
.button-red a{
    background: #900500;
    color: #fff;
    text-decoration: none;
    border: 1px solid #900500;
    padding: 10px 20px;
}
.button-red a:hover{
    background: transparent;
    color: #900500;
}
@media screen and (min-width:1200px){
    .max-800{
        max-width: 810px;
        margin: auto;
    }
    .max-1000{
        max-width: 1000px;
        margin: auto;
    }
    .db{
        display: block;
    }
    .sp-80{
        padding: 80px 0px;
    }
    .spb-80{
        padding-bottom: 80px;
    }
}
@media screen and (max-width:1000px){
    .sp-80{
        padding: 50px 0px;
    }
    .spb-80{
        padding-bottom: 50px;
    }
    .mbl-font-16{
        font-size: 16px !important;
        line-height: 24px !important;
    }
}
@media screen and (max-width:500px){
    .mbl-mb-8{
        margin-bottom: 8px;
    }
    .col-mbl-reverse{
        flex-direction: column-reverse;
    }

}