/*sm=600*/
/*md=900*/
/*lg=1200*/
/*xl=1600*/
@media screen and (max-width:599px) {
    .action__btn__primary {
       margin-left: 5px;
       margin-right: 5px;
    }
    
    .action__btn__secondary {
       margin-left: 5px;
       margin-right: 5px;
    }

    .section__action__btn {
        flex-basis: 80%;
    }
}

@media screen and (min-width:600px) {
    .section__action__btn {
        max-width: 30rem;
        padding: 1.5rem ;
        flex-basis: 40%;
    }
}

@media screen and (min-width:900px) {
    .section__action__container{
        width: 70%;
    }

    .footer ul {
        width: 70%;
    }
}

@media screen and (min-width:1200px) {
    .header__nav__btn {
       display: inline-block;
    }
    
    .header__left {
        padding: 0 2rem;
        margin: 0 3rem;
    }

    .header__right{
        margin: auto 2rem;
    }

    .link__in__middle {
        display: none;
    }

    .footer ul {
        width: 50%;
    }
}

@media screen and (min-width:1600px) {
    .footer ul {
        width: 40%;
    }
}