@font-face {
    font-family: 'Capture it';
    src: url(../fonts/capture-it.ttf);
}

@font-face {
    font-family: 'Roboto Ligth';
    src: url(../fonts/Roboto/Roboto-Light.ttf);
}

/* / set default / */

* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Ligth';
    box-sizing: border-box;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

html,
body {
    height: 100%;
}

/* --------------- */

body {
    background-image: url(../img/kraska.jpg);
    background-size: 50% auto;
    background-attachment: fixed;
}

.page {
    max-width: 1280px;
    min-height: 100%;
    background: #F7F7F7;
    box-shadow: 0px 0px 2px #686868;
}

.header .title {
    color: #686868;
    font-size: 52px;
    font-family: 'Capture it';
}

.header .contacts a {
    color: #686868;
    font-size: 36px;
}

.description {
    margin: 10px;
    padding: 10px;
    color: #686868;
    box-shadow: 0px -5px 4px -6px #686868, 0px 5px 4px -6px #686868;
}

.description .mainDescription {
    font-size: 20px;
    text-align: center;
}

.description h1,
.description h2 {
    font-size: 22px;
}

.description p {
    font-size: 18px;
}

.header .slogan {
    color: #686868;
    font-size: 26px;
    margin: 10px 0px;
}

.gallery_section {
    margin: 20px 10px;
    padding: 10px;
    box-shadow: 0px -5px 4px -6px #686868, 0px 5px 4px -6px #686868;
}

.gallery_section img {
    height: 200px;
    margin: 5px;
}

@media (max-width: 700px) {
    .gallery_section img {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }
}

.footer label {
    display: block;
    text-align: center;
    padding: 10px;
}