main {
    padding: 0;
}

h2 {
    background-color:#ddd;
    margin:0;
    padding:1rem;
    font-size:1em;
    text-transform:uppercase;
}

/*SECTION*/

section {
    display:flex;
    flex-direction:column;
}

article {
    padding:1.5em;
}

h3 {
    font-size:1.5em;
    color:black;
}

/*************
MEDIA QUERIES
*************/

/*MOBLE*/

@media screen and (min-width:780px) and (max-width:1199px){
    section {
        flex-wrap:wrap;
        flex-direction:row;
    }
    
    article {
        width:50%;
    }
}

/*TAB*/

@media screen and (min-width:1200px) {
    section {
        flex-wrap:no-wrap;
        flex-direction:row;
    }
    main {
        max-width:100%;
    }
}