/* font */
@font-face {
    font-family: "SourceSansPro-200";
    src: url("/assets/fonts/SourceSansPro-ExtraLight.ttf");
}
@font-face {
    font-family: "SourceSansPro-300";
    src: url("/assets/fonts/SourceSansPro-Light.ttf");
}
@font-face {
    font-family: "SourceSansPro-400";
    src: url("/assets/fonts/SourceSansPro-Regular.ttf");
}
@font-face {
    font-family: "SourceSansPro-600";
    src: url("/assets/fonts/SourceSansPro-SemiBold.ttf");
}
@font-face {
    font-family: "SourceSansPro-700";
    src: url("/assets/fonts/SourceSansPro-Bold.ttf");
}

@font-face {
    font-family: "Poppins-400";
    src: url("/assets/fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins-500";
    src: url("/assets/fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: "Poppins-600";
    src: url("/assets/fonts/Poppins-SemiBold.ttf");
}

h1 {
    font-family: "SourceSansPro-700";
    font-size: 40px !important;
    line-height: 50px !important;
}

h2{
    font-family: "SourceSansPro-700";
    font-size: 36px !important;
    line-height: 45px !important;
}

h3{
    font-family: "SourceSansPro-700";
    font-size: 32px !important;
    line-height: 40px;
}

h4{
    font-family: "SourceSansPro-700";
    font-size: 32px !important;
    line-height: 40px;
}

.body1{
    font-family: "Poppins-500";
    font-size: 20px;
    line-height: 30px;
}

.subtitle1{
    font-family: "Poppins-600";
    font-size: 18px;
    line-height: 27px;
}

.body2{
    font-family: "Poppins-500";
    font-size: 16px;
    line-height: 24px;
}

.subtitle2{
    font-family: "Poppins-500";
    font-size: 14px;
    line-height: 21px;
}

.caption{
    font-family: "Poppins-400";
    font-size: 14px;
    line-height: 21px;
}

.caption2{
    font-family: "Poppins-600";
    font-size: 14px;
    line-height: 21px;
}

.button1{
    font-family: "Poppins-600";
    font-size: 10px;
    line-height: 15px;
}