/* Media Queries */

/* versión iPad */
@media screen and (max-width:768px) {
    
    section.col-1 {margin: 0.5rem 0}
    article.col-1-3 {margin-top: 0; width: 100%; padding: 1rem;}
    div .col-2-3 {width: 100%;}
    .col-1-2 {width: 100%;}
    .col-1-3 h2 {padding-top:0;}
    div .col-1-2 {padding-left: 0;}
    h2 {margin-top: 1rem; font-size:1.5rem; text-align:center;}
    p {text-align: center;}
}