/* latin-ext */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v8/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Dosis', sans-serif;
    line-height: 30px;
    font-size: 20px;
}

section {
    padding-bottom: 50px;
    padding-top: 50px;
}
.logo img {
  width:100%
}
/*=================================
    HEADER / REPLICATE HEADER STYLES
 ==================================*/
.header-div {
    background: url(images/1.jpg); /* DEFINE IMAGE PATH CAREFULLY*/
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-animation: bgscroll 15s infinite linear; /* 15s - speed of scroll , you can change it */
    animation: bgscroll 15s infinite linear;
    -moz-animation: bgscroll 15s infinite linear;
    -ms-animation: bgscroll 15s infinite linear;
    color: #fff;
}

    .header-div h1 {
        font-size: 70px;
        font-weight: 900;
    }

    .header-div .overlay {
        min-height: 200px;
        background: rgba(43, 77, 131, 0.9);
        padding-top: 80px;
        padding-bottom: 80px;
    }


/*Background Scrolling Animation*/
@-webkit-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-moz-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-ms-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-o-keyframes bgscroll {
    from;

{
    background-position: 0 0;
}

to {
    background-position: 0 -400px;
}

}

@keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}
/*=================================
    TEXT SECTION STYLES
=================================== */
.section-text {
    background-color: #6381C3;
    color: #fff;
}
/*=================================
    FOOTER SECTION STYLES
=================================== */

footer {
    padding: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: 900;
    background-color: #6381C3;
    color: #fff;
}

    footer a, footer a:hover {
        color: #fff;
        text-decoration: none;
    }