@import url(variables.css);

/* медиа-запросы */
@media (max-width:1440px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content1440.png);
    }
    .text-block h1{
        font-size: var(--font-size-h2);
    }
    /* index - section heading-content */



    /* profile */
    
    /* profile */
}

@media (max-width:1366px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content1366.png);
    }
    .text-block h1{
        font-size: var(--font-size-h3);
    } 
    .text-block h4{
        font-size: var(--font-size-dopHeight);
    }
    .blocks__heading-content{
        gap: 60px;
    }
    .text-block{
        gap: 30px;
    }
    /* index - section heading-content */

    /* index - section products*/
    .card-body h5{
        font-size: var(--font-size-dopHeight);
        margin-bottom: 20px;
    }
    .card-body p{
        height: 170px;
        font-size: var(--font-size-light);
        margin-bottom: 10px;
    }
    .card-body{
        padding: 40px 34px;
    }
    /* index - section products*/
}

@media (max-width:1200px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content1200.png);
    }
    .text-block h1{
        font-size: var(--font-size-h3);
    } 
    .text-block h4{
        font-size: var(--font-size-dopHeight);
    }
    .blocks__heading-content{
        gap: 60px;
    }
    .text-block{
        gap: 30px;
    }
    /* index - section heading-content */

    /* index - section products*/
    .card-body h5{
        font-size: var(--font-size-height);
        margin-bottom: 10px;
        height: 70px;
    }
    .card-body{
        padding: 30px 24px;
    }
    .card-body p{
        height: 130px;
    }
    .card{
        margin-bottom: 60px;
    }
    /* index - section products*/

    
}

@media (max-width:1024px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content1024.png);
    }
    .text-block h1{
        font-size: var(--font-size-h3);
    } 
    .text-block h4{
        font-size: var(--font-size-height);
    }
    .blocks__heading-content{
        gap: 30px;
    }
    .text-block{
        gap: 20px;
    }
    .btn__heading-content{
        padding: 20px 40px;
        font-size: var(--font-size-medium);
    }
    /* index - section heading-content */

    /* index - section products*/
    .card-body h5{
        font-size: var(--font-size-height);
        margin-bottom: 10px;
        height: 70px;
    }
    .card-body{
        padding: 30px 24px;
    }
    .card-body p{
        height: 130px;
    }
    .card{
        margin-bottom: 60px;
    }
    /* index - section products*/

    /* Секция contacts */
    .contact-content h4{
        font-size: var(--font-size-height);
    }
    .contact-content p, a{
        font-size: var(--font-size-light);
    }
    /* Секция contacts */
}

@media (max-width:991px){
    /* index - section products*/
    .card-body h5{
        font-size: var(--font-size-h4);
        margin-bottom: 40px;
        height: 70px;
    }
    .card-body p{
        height: 170px;
        font-size: var(--font-size-medium);
        margin-bottom: 30px;
    }
    .btn__products{
        padding: 20px 36px;
    }
    .card-body{
        padding: 40px 34px;
    }
    .card{
        margin-bottom: 60px;
    }
    .btn__products{
        padding: 20px 56px;
    }
    /* index - section products*/
}

@media (max-width:768px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content768.png);
    }
    .text-block h1{
        font-size: var(--font-size-dopHeight);
        line-height: 40px;
    } 
    .text-block h4{
        font-size: var(--font-size-medium);
    }
    .blocks__heading-content{
        gap: 30px;
    }
    .text-block{
        gap: 20px;
    }
    .btn__heading-content{
        padding: 20px 40px;
        font-size: var(--font-size-medium);
    }
    /* index - section heading-content */

    /* index - section our-advantages */
    .flex-item__our-advantages{
        margin-bottom: 20px;
    }
    /* index - section our-advantages */
}

@media (max-width:360px){
    /* index - section heading-content */
    .heading-content{
        background-image: url(../img/content768.png);
    }
    .text-block h1{
        font-size: var(--font-size-dopHeight);
        line-height: 40px;
    } 
    .text-block h4{
        font-size: var(--font-size-medium);
    }
    .blocks__heading-content{
        gap: 30px;
    }
    .text-block{
        gap: 20px;
    }
    .btn__heading-content{
        padding: 20px 40px;
        font-size: var(--font-size-medium);
    }
    /* index - section heading-content */
}
/* медиа-запросы */