﻿.portrait {
    width: 250px;
    
    display: block;

    margin: 0 0 1% 2%;
}



.paragraph {
    margin-bottom: 12px;
}

/* RESPONSIVENESS */
@media screen and (max-width: 1800px) {
    /* Desktop breakpoint*/

}

@media screen and (max-width: 1200px) {
    /* Tablet (landscape) breakpoint */

}

@media screen and (max-width: 900px) {
    /* Tablet (portrait) breakpoint */
    .portrait {width: 200px;}
}

@media screen and (max-width: 450px) {
    /* Phone breakpoint */
    .portrait {
        width: 100%;
        margin: 0 0 2.5%;
    }
}

@media screen and (max-width: 380px) {
    /* Small phone breakpoint*/
    
}