/* cell phone ....................................... */
@media screen and (min-width: 320px) and (max-width: 480px){
    .left_article {
        display: flex;
        flex-direction: column;
        width: 60vw;
        margin: -50px 18vw -20px 18vw;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .left_article h3 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 25px;
        width: 60%;
        margin-left: auto;
    }
    .adopt__h3 {
        margin: 10px auto;
    }

    .left_article p {
        text-align: center;
        /* width: 80vw; */
        font-size: 16px;
        margin-top: 0px;
        margin-left: 10vw;
        margin-right: 10vw;
        letter-spacing: 10%x;
    }
    .adopt__p {
        margin: -20px auto 40px auto;
        width: 90%;
    }

    .row {
        display: grid;
        grid-template-areas: 
        'BillyImg',
        'BillyTxt',
        'MarkImg',
        'MarkTxt',
        'NimbusImg',
        'NimbusTxt',
        'SamImg',
        'SamTxt';
        margin-top: 30px;
        justify-content: center;
        align-content: center;
        text-align: center;
        border: none;
    }

    .columns2 {
        margin-left: 24vw;
        margin-right: 24vw;
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 0px;
    }

    .columns2 h4 {
        display: flex;
        text-align: center;
        font-size: 26px;
    }

    .billyImg {
        grid-area: BillyImg;
    }

    .billyTxt {
        grid-area: BillyTxt;
    }

    .markImg {
        grid-area: MarkImg;
    }

    .markTxt {
        grid-area: MarkTxt;
    }

    .nimbusImg {
        grid-area: NimbusImg;
    }

    .nimbusTxt {
        grid-area: NimbusTxt;
    }

    .samImg {
        grid-area: SamImg;
    }

    .samTxt {
        grid-area: SamTxt;
    }

    .thumbnailadopt {
        display: flex;
        min-width: 60vw;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        border-radius: 20px;
    }
}

/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px){

}

/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 481px) and (max-width: 1000px){
    .left_article {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 60vw;
        margin: -50px 18vw -20px 18vw;
        text-align: center;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .left_article h3 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 35px;
        width: 60%;
        margin-left: auto;
    }
    .adopt__h3 {
        margin: 20px auto;
    }

    .adopt__p {
        display: flex;
        text-align: center;
        /* width: 85vw; */
        font-size: 20px;
        margin-top: 0px;
        letter-spacing: 10%;
        padding: 0px;
    }

    .row {
        display: grid;
        grid-template-areas: 
        'BillyImg MarkImg',
        'BillyTxt MarkTxt',
        'NimbusImg SamImg',
        'NimbusTxt SamTxt';
        margin-top: 30px;
        border: none;
        /* justify-content: center;
        align-content: center;
        text-align: center; */
    }

    .columns2 {
        margin-left: 24vw;
        margin-right: 24vw;
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 0px;
    }

    .columns2 h4 {
        display: flex;
        text-align: center;
        font-size: 26px;
    }

    .billyImg {
        grid-area: BillyImg;
    }

    .billyTxt {
        grid-area: BillyTxt;
    }

    .markImg {
        grid-area: MarkImg;
    }

    .markTxt {
        grid-area: MarkTxt;
    }

    .nimbusImg {
        grid-area: NimbusImg;
    }

    .nimbusTxt {
        grid-area: NimbusTxt;
    }

    .samImg {
        grid-area: SamImg;
    }

    .samTxt {
        grid-area: SamTxt;
    }

    .thumbnailadopt {
        display: flex;
        min-width: 50vw;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
    }

    .column2 img {
        max-height: none;
        border-radius: 25px;
    }

    .thumbnailadopt {
        border-radius: 25px;
    }
}

/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 1001px) and (max-width: 1600px){
    .left_article {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 60vw;
        margin: -50px 18vw -20px 18vw;
        text-align: center;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .left_article h3 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 35px;
        width: 60%;
        margin-left: auto;
    }
    .adopt__h3 {
        margin: 20px auto;
    }

    .adopt__p {
        display: flex;
        text-align: center;
        font-size: 20px;
        margin-top: 0px;
        letter-spacing: 10%;
        padding: 0px;
    }

    .row img {
        min-height: 40vh;
        max-height: 40vh;
        max-width: 80%;
        min-width: 70%;
        border-radius: 25px;
    }

    .columns2 h4 {
        font-size: 30px;
        text-;
    }
}