/*
This file describes styles that are 991px width or smaller
 */
@media all and (max-width: 991px){

    h1{
        font-size: 15rem
    }
    .text-before-title {
        font-size: 1.6rem;
        letter-spacing: 4px;
        margin-bottom: var(--size-1)
    }
    .text-after-title {
        font-size: 1.6rem;
        margin-top: var(--size-1)
    }
    
    .grid-2{
        gap: var(--size-2)
    }

    .menu-btn-open{
        width: 30px;
        height: 20px
    }

    .about__media{
        padding-top: 20px;
        display: flex;
        justify-content: center
    }
    .founder__photo {
        margin-top: 5px
    }
    .founder__title h2 + div {
        margin-top: 12px
    }
    .founder__name span:first-child {
        font-size: 3.2rem
    }
    .services__title{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: var(--size-2)
    }
    .confidence .about__text{
        grid-row: 1 / 1
    }
  
   
}