html {
    font-family          : 'Lexend', sans-serif;
    background-color     : white;
    background-image     : url('../img/style1-html-bg.jpg');
    background-position  : top center;
    background-repeat    : no-repeat;
    color                : white;
    background-attachment: fixed;
    background-size: cover;
}

html,
body {
    padding: 0;
    margin : 0;
}

header {
    padding-top: 80px;
}

.content-wrapper {
    width      : 100%;
    height     : 100vh;
    padding    : 0 25px;
    box-sizing : border-box;
    display    : flex;
    align-items: center;
    flex-wrap  : wrap;
    position   : relative;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.gallery {
    display  : flex;
    flex-wrap: wrap;
}

.gallery>a {
    width     : calc(100% / 3.000001);
    height    : 100px;
    border    : 2px solid white;
    box-sizing: border-box;
    overflow  : hidden;
    background: rgba(0, 0, 0, 0.75);
    display   : flex;
}

@media (min-width: 780px) {
    .gallery>a {
        width: calc(100% / 4.000001);
    }
}

@media (min-width: 960px) {
    .gallery>a {
        width: calc(100% / 5.000001);
    }
}

@media (min-width: 1200px) {
    .gallery>a {
        width: calc(100% / 8.000001);
    }
}

.gallery>a>img {
    width: 100%;
}


.justify-center {
    justify-content: center;
}

.logo {
    width              : 180px;
    height             : 200px;
    background-image   : url('../img/logo.png');
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : 100%;
    margin: 0 auto;
}

.margin-top {
    margin-top: 20px;
}

.padding {
    padding: 20px;
}

.page-container {
    width     : 100%;
    max-width : 1200px;
    box-sizing: border-box;
    margin    : 0 auto;
}

.text-contact i,
.text-footer i,
.text-contact a,
.text-footer a {
    color: inherit;
}

.text-contact,
.text-footer {
    margin-top: 50px;
}

@media (min-width: 960px) {

    .text-contact,
    .text-footer {
        margin-top: 100px;
    }
}

.text-footer {
    margin-bottom: 50px;
}

@media (min-width: 960px) {
    .text-footer {
        margin-bottom: 70px;
    }
}

.text-slogan {
    font-size    : 20px;
    line-height  : 1.5;
    margin-bottom: 50px;
    margin-top   : 50px;
    font-weight  : 500;
}

.text-center {
    text-align: center;
}

.top-gradient {
    position: fixed;
    background: linear-gradient(to bottom, #1e2c5e 0, rgba(30, 45, 95, .98) 5%, rgba(31, 46, 98, .83) 17%, rgba(31, 46, 98, .81) 18%, rgba(33, 49, 103, .69) 25%, rgba(39, 58, 123, .23) 50%, rgba(40, 59, 126, .17) 54%, rgba(41, 61, 130, .07) 60%, rgba(42, 62, 133, .02) 65%, rgba(42, 62, 133, .01) 66%, rgba(42, 62, 133, 0) 67%, rgba(42, 62, 133, 0) 100%);
    width: 100%;
    height: 40vh;
    min-height: 500px;
    z-index: -1;
}

.width-1-1 {
    width: 100%;
}

.width-1-2 {
    width: calc(100% / 2.000001);
}