stylesQSN.css

.title{
    background-color: #F5F5F5;
}

.title h2{
    margin:0;
    padding:1.5rem;
}

.mainContent{
    display:flex;
    flex-direction:column;
    margin-bottom: 3em;
}

.mainContent h4{
    margin-bottom:0.7rem;
    font-size: 1.5em;
}

.qsm_margin{
    margin-left:1em;
    margin-right:1em;
}

.mainContent a{
    background-color: var(--primary);
    padding:1rem 3rem;
    border-radius:8px;
    text-decoration: none;
    color:white;
    text-align: center;
    margin-bottom: 3rem;
}

.mainContent a:hover{
    background-color: var(--primary-dark);
}

.mainContent__image{
    width: 100%;
    max-height: 500px;
}

.mainContent img{
    position: relative;
    width:100%;
    height: 100%;
    object-fit: cover;
}

.mainContent__thirdDiv{
    padding-bottom:3rem;
}

@media (min-width:768px)
{

    .qsm_margin{
        margin-left:0;
        margin-right:0;
    }

    .mainContent h4{
        margin-top:0;
    }

    .mainContent{
        gap:1em;
        flex-direction: row;
        flex-wrap:wrap;
        margin:2em;
        justify-content: space-between;
    }

    .mainContent a{
        text-align: center;
        margin: auto;
        padding-left: 7em;
        padding-right: 7em;
        margin-bottom: 3em;
    }

    .mainContent__firstDiv{
        width: calc(50% - 1em);
    }

    .mainContent__secondDiv{
        width: calc(50% - 1em);
    }

    .mainContent__thirdDiv{
        padding-bottom:1em;
    }

    .mainContent img{
        width: 100%;
    }

    .mainContent__image{
        width: 100%;
        max-height: 380px;
        margin-bottom: 3em;
    }

}

@media (min-width:1280px){

    .mainContent{
        margin:4em;
    }

    .mainContent__firstDiv{
        max-width:calc(33% - 1em);
    }

    .mainContent__secondDiv{
        max-width:calc(33% - 1em);
    }

    .mainContent__thirdDiv{
        max-width:calc(33% - 1em);
    }

    .mainContent a{
        margin-top: 1em;
    }

    .mainContent__image{
        width: 100%;
        max-height: 560px;
        margin-bottom: 12em;
    }

}