/* Rows and Columns */

.row {
}

.col {
    display: inline-block;
    vertical-align: top;
}


/* Portraits */

#portrait1 {
    margin: 4vw 10vw 0 10vw;
    width: 80vw;
}


/* Paragraphs */

p {
    padding: 0;
    margin: 5vw 10vw 0 10vw;
}

/** Breakpoint 1 - Scaling Desktop View **/
@media only screen and (min-width: 800px) {
    
    /* Rows and Columns */

    .row {
        margin: 0;
    }

    .col {
        width: 50%;
    }
    
    /* Portraits */

    #portrait1 {
        margin: 0 10% 0 10%;
        width: 80%;
    }
    
    /* Paragraphs */
    
    p {
        width: 80%;
        margin: 1.65vw 0 1.65vw 0;
    }
}

/** Breakpoint 2 - Fixed Desktop View **/
@media only screen and (min-width: 1440px) {
    
    /* Rows and Columns */

    .row {
        margin: 0 0 5px 0;
    }

    
    #portrait1 {
        margin: 0 15% 0 10%;
        width: 70%;
    }
    
    p {
        margin: 30px 0 30px 0;
    }
}