img {
    width: 100%;
}

* {
    color: #9f1881;
}

h1 {
    font-weight: 700;
}

@font-face {
    font-family: 'Magistral';
    src: url(../fonts/MagistralTT\ Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Arciform';
    src: url('../fonts/Akrobat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

body {
    font-family: 'Arciform',sans-serif;
    font-weight: 600;
}

button {
    padding: 12px 24px;
    border-radius: 32px;
    background-color: #9f1881;
    color: white;
    border: 0px;
    transition-duration: .6s;
}

.buybut {
    background-color: #e30613;
}

.linkbuttons button{
    border-radius: 8px;
    padding: 10px 20px;
}

button:hover {
    opacity: 70%;
    transition-duration: .3s;
}
/* Header */

.block-bg {
    background: url(../img/header/header-bg.png) center no-repeat;
    background-size: cover;
}

.header {
    padding: 1%;
}

.header_links a {
    text-decoration: none;
    color: #9f1881 !important;
    font-size: 1.3rem;
}

/* firstblock */

.first_cont {
    padding: 1% 0;
}

.icons__block img {
    margin-right: 5%;
}

.first__text h1 {
    font-family: 'Magistral', sans-serif;
    font-size: 3rem;
    font-weight: bold;
}

.first__text p {
    font-family: 'Magistral', sans-serif;
    font-size: 1.4rem;
}

.first__block {
    width: 75%;
}


/* secndblock */
.secndblock {
    padding: 3%;
}

.scnd_list {
    list-style-type: none;
    font-size: 1.6rem;
    width: 80%;
}

.scnd_list li {
    background: url('../img/firstblock/icon.png') no-repeat left center;
    background-size: 40px 41px;
    padding-left: 50px;
    margin-left: -50px;
    line-height: 41px;
    margin-bottom: 4%;
}

/* thirdblock */

.thirdblock img {
    width: 80%
}

.third_title {
    margin-top: 5%;
}

.third_title h1 {
    font-size: 2.5rem;
}

.third_title img{
    width: 60%;
}

.third_icon3 img {
    width: 50%;
}

.third_photos img {
    width: 80%;
}

.texticon p{
    font-size: 1.4rem;
}

.copy {
    font-size: 11px;
    color: #b3b0b0;
    width: 70%;
}

/* fourthblock */

.fourth_text {
    margin-right: 10% !important;
}

.dozing {
    width:80%;
}

/* fifthblock */

.linkbuttons button {
    font-size: 1.2rem;
}

/* footer */

.footer-bg {
    background-color: #9f1881;

}

.footer {
    padding: 1%;
}

.footer p {
    color: white;
}

.footer_title {
    font-size: 2rem;
    font-family: 'Magistral';
}

.footer_copy {
    font-size: 1rem;
}

@media (max-width:992px) {
    .navbar-toggler-icon {
        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28129, 53, 138, 1.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }

    .body-pad{
        padding-top: 58px; /* Высота закрытого навбара */
    }

    .nav-item {
        padding: 2%;
    }

    .first__text h1 {
        font-size: 2rem;
    }

    .first__block {
        width:100%
    }

    .first__text p {
        font-size: 1.2rem;
    }

    .first_cont {
        padding: 3%;
    }

    .secnd_cont {
        padding: 0 3% 0 0;
    }

    .icon2 {
        width: 60%;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .icon3 {
        width: 60%;
    }

    .scnd__block {
        padding: .3% 0 0 3%;
    }

    .icons__block {
        margin-top: auto;
    }

    .icons__block img {
        width: 90%;
    }
    /* scndblock */

    .scnd-bg {
        background: url(../img/header/header-bg.png) no-repeat;
        background-size: 100% 33%;
        background-position: top;
    }

    .scnd_list {
        padding-left: 0;
    }


    .scnd_list li {
        background: url('../img/firstblock/icon.png') no-repeat top center;
        background-size: 40px 41px;
        padding-left: 0px;
        padding-top: 40px;
        margin-left: 0px;
        line-height: 41px;
        margin-bottom: 4%;
    }

    /* thirdblock */
    .thirdblock img {
        width: 100%
    }

    .third_icon img {
        width: 90%;
    }
    
    .third_icon2 img {
        width: 90%;
    }
    
    .third_icon3 img {
        width: 60%;
    }

    .third_title h1 {
        font-size: 1.7rem;
    }
    
    .texticon p {
        font-size: 1.2rem;
    }

    /* fourthblock */
    .fourth-bg {
        background: url(../img/header/header-bg.png) no-repeat;
        background-size: 100% 70%;
        background-position: top;
    }

    .fourthblock h1 {
        font-size: 1.8rem;
	margin-right: auto !important;
    }

    /* fifthblock */
    .fifthblock h1 {
        font-size: 1.6rem;
    }
    
    .footer_title {
	font-size: 1.3rem;
    }
}

@media (max-width:475px) {
    .scnd-bg {
        background-size: 100% 27%;      
        
    }
}

@media (max-width:400px) {
    .scnd-bg {
        background-size: 100% 23%;      
    }

    .fourth-bg {
        background: url(../img/header/header-bg.png) no-repeat;
        background-size: 100% 63%;
        background-position: top;
    }

    .footer_title {
        font-size: .7rem;
    }
    
    .footer_copy {
        font-size: .6rem;
    }
}