/* global document */
@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/Poppins/Poppins-Italic.ttf");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Poppins/Poppins-Light.ttf");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Poppins/Poppins-Bold.ttf");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/Poppins/Poppins-Thin.ttf");
}

html, body, h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: 'Poppins', sans-serif !important;
    text-transform: none;
    color: #1e4058;
    line-height: 1.5em !important;
}
  
  
.cta_button {
    font-family: 'Poppins', sans-serif !important;
}

h1 { font-size: 4em !important; line-height: 1.2em !important; }
h2 { font-size: 3em !important }
h3 { font-size: 2em !important}
h4 { font-size: 1.5em !important }

p { 
    font-size:16px; 
    font-weight: 300 !important;
 }

h5 { font-weight: 300 !important }
h6 { font-weight: 200 !important }

a { 
    text-decoration: none; 
    color: #00a4bd;
}

a:hover {
    text-decoration: underline;
}

@media screen and (max-width:768px) {
    h1 { font-size: 2em !important }
    h2 { font-size: 1.7em !important }
    h3 { font-size: 1.5em !important }
    h4 { font-size: 1.3em !important }
}