/* Media Queries */

/* 768px */
/* @media only screen and (min-width: 768px) and (max-width: 1024px) */

@media only screen and (max-width: 768px) {
    .column { 
        float: none;
        width: 100%;
        padding: 10px;
        text-align: center;
        margin: 2%;
    }

    .flex-container {
        flex-direction: column;
    }

    .h1 .h2 {
        font-size: 16px;
    }
    .p {
        font-size: 12px;
    }
}



/* 480px */
/* @media only screen and (max-width: 480px) */

@media screen and (max-width: 480px) {
    .column { 
        float: none;
        width: 100%;
        padding: 10px;
        text-align: center;
        margin: 2%;
    }

    .flex-container {
        flex-direction: column;
    }

    .h1, .h2 {
        font-size: 14px;
    }
    .p {
        font-size: 10px;
    }

    .img {
        width: 50%;
      }
}