@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

* { margin: 0px; padding: 0px; box-sizing: border-box; }
a { text-decoration: none; color: inherit; }
body { height: 100%; position: relative; min-width: 100%; font-family: 'Roboto' , sans-serif; background-color: #f8f9fa; }
.container { min-height: 100%; display: flex; flex-direction: column; }
.header { background-color: rgba(49, 70, 217, 0.7); position: relative; overflow: hidden; }
.page-padding { position: relative; max-width: 1740px; margin: 0 auto; }
.header__logo { width: 160px; margin: 20px 30px; cursor: pointer; }
.header__img { width: 100%; height: auto; }
.header__main-text { text-align: center; font-size: 14px; color: #ffffff; border-top: 1px solid #ffffff; }

@media (min-width: 1024px) {
    .header__main-text { font-size: 16px; border: none; }
}

.header__title { padding: 40px 40px 10px 40px; color: #ffffff; line-height: 1.5; font-weight: 500; font-size: 24px; }
@media (min-width: 1200px) {
    .header__title { font-size: 35px; padding: 0px 40px 10px 40px; }
}

.header__text { margin-bottom: 70px; color: #ffffff; font-weight: 300; font-size: 18; }
@media (min-width: 1024px) {
    .header__text { margin-bottom: 35px; }
}
@media (min-width: 1200px) {
    .header__text { font-size: 20px; }
}

.header__background-img { position: absolute; top: 0%; right: 0; height: 100%; z-index: -1; opacity: 0; }
@media (min-width: 1024px) {
    .header__background-img { opacity: 1; height: 120%; }
}

.template__text { width: 100%; margin: 30px auto; text-align: center; font-weight: 300; padding: 0 30px; line-height: 2; font-size: 14px; color: #4c4c4c; }
@media (min-width: 768px) {
    .template__text { width: 50%; }
}
@media (min-width: 1024px) {
    .template__text { font-size: 17px; }
}
@media (min-width: 1600px) {
    .template__text { width: 35%; }
}

.footer { box-sizing: border-box; width: 100%; bottom: 0; font-size: 10px; padding: 10px 0; margin-top: 10px; text-align: center; background: rgba(49, 70, 217, 0.7); position: fixed; }
.footer__text { color: white; }