@media (max-width: 767px){
    .cardSection .card {
        width: 100%;
    }

    .cardSection .card:not(:first-child){
        width: 100%;
        margin-top: 1em;
    }
    
    .lineCard .lineCardLeft{
        width: 70%;
    }
    
    .lineCard .lineCardRight{
        margin-top: 2em;
        padding-left: 0.5em !important;
    }

    header{
        padding: 0 5%;
    }

    header .navbar-brand img {
        width: 11em;
        height: auto;
    }

    .modal-dialog {
        max-width: 80% !important;
    }
    
}

@media (max-width: 575px){
    .modal-dialog {
        max-width: 100% !important;
    }
}

@media (max-width: 440px){
    .lineCard .lineCardLeft {
        width: 100% !important;
    }
}