@media screen and (min-width: 1100px) {
    .postCardContainer {
        width: 80vw;
        height: 20.8vw;
        left: 10vw;
    }

    .newsWrapperLeft .postCard {
        width: 40vw;
        height: 20.8vw;
        float: left;
        border: 10px solid rgb(116, 103, 80);
    }

    .newsWrapperLeft .postCardPhotos {
        width: 40vw;
        height: 20.8vw;
        left: 40vw;
    }

    .newsWrapperRight .postCard {
        width: 40vw;
        height: 20.8vw;
        border: 10px solid rgb(116, 103, 80);
        left: 40vw;
    }

    .newsWrapperRight .postCardPhotos {
        width: 40vw;
        height: 20.8vw;
        float: left;
    }

    .newsWrapperLeft .postCardPhotos .photos .img1 {
        top: 15%;
        left: 10%;
    }

    .newsWrapperLeft .postCardPhotos .photos .img2 {
        top: 35%;
        left: 45%;
    }

    .newsWrapperRight .postCardPhotos .photos .img1 {
        top: 15%;
        right: 10%;
    }

    .newsWrapperRight .postCardPhotos .photos .img2 {
        top: 25%;
        right: 45%;
    }

    .postCardPhotos .photos img {
        border: 10px solid rgb(127, 78, 30);
    }

    .postCardLeft .postCardTextContainer {
        font-size: 1.1vw;
    }

    .postCardRight .addresate .line1, .postCardRight .addresate .line2, .postCardRight .addresate .line3, .postCardRight .addresate .line4 {
        font-size: 1.1vw;
    }

    .letterText p {
        padding-left: 15%;
        padding-right: 15%;
        font-size: 1.1vw;
    }
}

@media screen and (max-width: 1099px) {
    .postCardContainer {
        width: 90vw;
        height: 95.6vw;
        left: 5vw;
    }

    .postCard {
        width: 90vw;
        height: 46.8vw;
        display: inline-block;
        border: 6px solid rgb(116, 103, 80);
    }

    .postCardPhotos {
        margin-top: 2vw;
        top: 46.8vw;
        width: 90vw;
        height: 46.8vw;
        display: inline-block;
    }

        .postCardPhotos .photos .img1 {
            top: 15%;
            left: 5%;
        }

        .postCardPhotos .photos .img2 {
            top: 30%;
            left: 45%;
        }

        .postCardPhotos .photos img {
            border: 6px solid rgb(127, 78, 30);
        }
}


@media screen and (max-width: 1099px) {
    .postCardLeft .postCardTextContainer {
        font-size: 2.2vw;
    }

    .postCardRight .addresate .line1, .postCardRight .addresate .line2, .postCardRight .addresate .line3, .postCardRight .addresate .line4 {
        font-size: 2.2vw;
    }

    .letterText p {
        padding-left: 5%;
        padding-right: 5%;
        font-size: 3.3vw;
    }
}

.postCardContainer {
    position: relative;
    margin-bottom: 25px;
}

.postCard {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}

.postCardPhotos {
    position: absolute;
}

    .postCardPhotos .photos {
        position: absolute;
        margin: auto;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .postCardPhotos .photos img {
            position: absolute;
            max-width: 59%;
            max-height: 59%;
            float: left;
            filter: sepia(1);
            -webkit-filter: sepia(1);
            -moz-filter: sepia(1);
            -o-filter: sepia(1);
            -ms-filter: sepia(1);
        }

        .postCardPhotos .photos .img1 {
            -webkit-transform: rotate(16deg);
            -moz-transform: rotate(16deg);
            -o-transform: rotate(16deg);
            -ms-transform: rotate(16deg);
            transform: rotate(16deg);
        }

        .postCardPhotos .photos .img2 {
            -webkit-transform: rotate(-21deg);
            -moz-transform: rotate(-21deg);
            -o-transform: rotate(-21deg);
            -ms-transform: rotate(-21deg);
            transform: rotate(-21deg);
        }

.postCardLeft {
    position: absolute;
    width: 60%;
    height: 100%;
    float: left;
}

.postCardRight {
    position: absolute;
    width: 40%;
    height: 100%;
    left: 60%;
    border-left: 2px dashed rgb(116, 103, 80);
}

.postCardLeft .postCardTextContainer {
    position: absolute;
    font-family: bookAntiqua;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    height: 80%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.postCardRight .addresate {
    position: absolute;
    top: 35%;
    left: 5%;
    right: 5%;
    bottom: 10%;
    width: 90%;
    height: 55%;
}

.postCardRight .addresate .line1, .postCardRight .addresate .line2, .postCardRight .addresate .line3, .postCardRight .addresate .line4 {
    position: absolute;
    height: 25%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid rgb(116, 103, 80);
}

.postCardRight .addresate .line1 {
    font-family: bookAntiqua;
    width: 100%;
    top: 0;
}

.postCardRight .addresate .line2 {
    font-family: bookAntiqua;
    width: 100%;
    top: 25%;
}

.postCardRight .addresate .line3 {
    font-family: bookAntiqua;
    width: 100%;
    top: 50%;
}

.postCardRight .addresate .line4 {
    font-family: lounge;
    width: 100%;
    top: 75%;
}

.postCardRight .addresate p {
    position: absolute;
    bottom: 0;
    margin: 0;
}

.postCardRight .stamp {
    position: absolute;
    width: 25%;
    height: 25%;
    top: 5%;
    right: 5%;
    border: 2px dashed rgb(116, 103, 80);
}

.postCardRight .stamp .stampSymbol {
    position: absolute;
    top: -20%;
    left: -80%;
    max-width: 200%;
    max-height: 200%;
    z-index: 2;
}

.postCardRight .stamp .stampLogo {
    position: absolute;
    top: 15%;
    left: -10%;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
}

.letterText p {
    text-align: justify;
}

.letterText p:first-child {
    padding-top: 2%;
}

.letterText {
    min-height: 1vh;
}

.lastLine {
    position: relative;
    left: 7%;
    right: 7%;
    width: 86%;
    border-top: 2px solid rgb(116, 103, 80);
    margin: 1em 0;
}