.sedonaPostImg {
    left: 0;
    top: -85px;
    background-image: url(../images/sedona/bonnie_zeng_sedona_hikes_3.webp)
}

.weekInJapanPostImg {
    background-image: url(../images/week-in-osaka-kobe-kyoto/bonnie_zeng_5A_Kyoto_800px.webp)
}

.tokyoPostImg {
    top: -10px;
    background-image: url(../images/tokyo/bonnie_zeng_3A_Shibuya_Sky.webp)
}

.baliDoPostImg {
    top: -80px;
    background-image: url(/images/bali/bonnie_zeng_1B_Bali_stays.webp)
}

.baliNotPostImg {
    top: 0;
    background-image: url(/images/bali/bonnie_zeng_7A_IG.webp)
}

.macauPostImg {
    top: 0;
    background-image: url(/images/macau/bonnie_zeng_macau_2.webp)
}

.sedonaSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#sedona1 {
    margin: 0 calc(50% - 240px);
    height: 640px;
    width: 480px
}

#sedona2,
#sedona4,
#sedona7 {
    width: calc(40% - 12px);
    margin-left: 10%;
    margin-right: 12px;
    object-fit: cover
}

#sedona3,
#sedona5,
#sedona8 {
    width: calc(40% - 12px);
    margin-left: 12px;
    margin-right: 10%;
    object-fit: cover
}

#sedona6,
#sedona9 {
    height: 640px;
    object-fit: contain
}

@media only screen and (max-width:429px) {
    .sedonaSectionTitle {
        font-size: 20px
    }

    .articleImgWrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    .divider {
        margin-bottom: 10%
    }

    #sedona1,
    #sedona2,
    #sedona4 {
        width: 80vw;
        margin: 0 10vw;
        height: auto
    }

    #sedona3,
    #sedona5 {
        width: 80vw;
        margin: 24px 0 0 10vw;
        height: auto
    }

    #sedona6 {
        width: 80vw;
        margin: 0 10vw;
        object-fit: contain;
        height: auto
    }

    #sedona7,
    #sedona9 {
        width: 80vw;
        margin: 0 10vw
    }

    #sedona8 {
        width: 80vw;
        margin: 24px 0 0 10vw
    }

    #sedona7,
    #sedona8,
    #sedona9 {
        object-fit: cover
    }
}

@media only screen and (min-width:425px) and (max-width:768px) {
    .sedonaSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap
    }

    #sedona1,
    #sedona2,
    #sedona3,
    #sedona4,
    #sedona5,
    #sedona6,
    #sedona7,
    #sedona8,
    #sedona9 {
        width: 80vw;
        height: auto;
        margin: 24px 10vw
    }
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
    #sedona2 {
        width: 39vw;
        height: auto;
        margin-right: 1vw;
        margin-left: 10vw;
        object-fit: contain
    }

    #sedona4,
    #sedona7 {
        width: 39vw;
        height: auto;
        margin-right: 1vw;
        margin-left: 10vw
    }

    #sedona3 {
        width: 39vw;
        height: auto;
        margin-left: 1vw;
        margin-right: 10vw;
        object-fit: contain
    }

    #sedona5,
    #sedona8 {
        width: 39vw;
        height: auto;
        margin-left: 1vw;
        margin-right: 10vw
    }

    #sedona6,
    #sedona9 {
        height: 640px
    }
}

.oahuPostImg {
    left: 0;
    top: -35px;
    background-image: url(../images/oahu/bonnie_zeng_oahu_4_top_view_chinamans_hat.webp)
}

.oahuSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#oahu1,
#oahu11,
#oahu3,
#oahu5,
#oahu7,
#oahu9 {
    width: calc(40% - 12px);
    margin-left: 10%;
    margin-right: 12px;
    object-fit: contain
}

#oahu10,
#oahu12,
#oahu2,
#oahu4,
#oahu6,
#oahu8 {
    width: calc(40% - 12px);
    margin-left: 12px;
    margin-right: 10%;
    object-fit: contain
}

#oahu10,
#oahu9 {
    object-fit: cover
}

@media only screen and (max-width:425px) {
    .articleTitle {
        font-size: 36px
    }

    .oahuSectionTitle {
        font-size: 20px
    }

    .articleImgWrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    .divider {
        margin-bottom: 10%
    }

    #oahu1,
    #oahu10,
    #oahu11,
    #oahu12,
    #oahu2,
    #oahu3,
    #oahu4,
    #oahu5,
    #oahu6,
    #oahu7,
    #oahu8,
    #oahu9 {
        width: 80vw;
        margin: 1vh 10vw;
        height: auto
    }
}

@media only screen and (min-width:425px) and (max-width:768px) {
    .oahuSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap
    }

    #oahu1,
    #oahu10,
    #oahu11,
    #oahu12,
    #oahu2,
    #oahu3,
    #oahu4,
    #oahu5,
    #oahu6,
    #oahu7,
    #oahu8,
    #oahu9 {
        width: 80vw;
        height: auto;
        margin: 24px 10vw
    }
}

.reelsPostImg {
    top: -85px;
    background-image: url(/images/traveling-through-instagram-reels/bonnie_zeng_traveling_through_instagram_reels_1.webp)
}

.reelsSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#reelsLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#reels1,
#reels2,
#reels3 {
    object-fit: contain;
    margin: 0;
    width: 25vw;
    height: auto
}

#reels1 {
    margin-left: 10vw
}

#reels2 {
    margin: 1vh 2.5vw
}

#reels3 {
    margin-right: 10vw
}

#reels4,
#reels5,
#reels6 {
    object-fit: contain;
    margin: 1vh 10vw;
    width: 80vw;
    max-height: 640px
}

#reels4 {
    height: 480px
}

#reels5 {
    width: 32vw;
    margin: 1vh 34vw;
    height: auto
}

#reels10,
#reels9 {
    object-fit: cover
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .reelsSectionTitle {
        font-size: 20px
    }

    .articleImgWrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    #reels1,
    #reels2,
    #reels3 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }

    #reels5 {
        width: 80vw;
        margin: 1vh 10vw
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .reelsSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap
    }

    #reels1,
    #reels2,
    #reels3 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('./fonts/Nunito-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url('./fonts/Poppins-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

.dronePostImg {
    top: -6px;
    background-image: url(/images/drone-photography-guide/bonnie_zeng_lok_fu_1_cover.webp)
}

.droneSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#droneLinkTitle {
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 7px
}

#drone1,
#drone11,
#drone12,
#drone13,
#drone2,
#drone3,
#drone4,
#drone5,
#drone6 {
    object-fit: contain;
    margin: 0;
    width: 25vw;
    height: auto
}

#drone1,
#drone11,
#drone4 {
    margin-left: 10vw
}

#drone12,
#drone2,
#drone5 {
    margin: 1vh 2.5vw
}

#drone10,
#drone13,
#drone15,
#drone3,
#drone6,
#drone8 {
    margin-right: 10vw
}

#drone10,
#drone14,
#drone15,
#drone7,
#drone8,
#drone9 {
    object-fit: contain;
    margin: 0;
    width: 38.75vw;
    height: auto
}

#drone14,
#drone7,
#drone9 {
    margin-left: 10vw;
    margin-right: 2.5vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .droneSectionTitle {
        font-size: 20px
    }

    .articleImgWrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    #drone1,
    #drone10,
    #drone11,
    #drone12,
    #drone13,
    #drone14,
    #drone15,
    #drone2,
    #drone3,
    #drone4,
    #drone5,
    #drone6,
    #drone7,
    #drone8,
    #drone9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .droneSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap
    }
}

.phuketPostImg {
    top: 0;
    background-image: url(/images/phuket/bonnie_zeng_phuket_1.webp)
}

.phuketSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#phuketLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#phuket1,
#phuket10,
#phuket12,
#phuket13,
#phuket2,
#phuket3,
#phuket4,
#phuket5,
#phuket6,
#phuket7,
#phuket8,
#phuket9 {
    object-fit: contain;
    margin: 0;
    width: 25vw;
    height: auto
}

#phuket1,
#phuket10,
#phuket4,
#phuket7 {
    margin-left: 10vw
}

#phuket12,
#phuket2,
#phuket5,
#phuket8 {
    margin: 1vh 2.5vw
}

#phuket13,
#phuket3,
#phuket6,
#phuket9 {
    margin-right: 10vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .phuketSectionTitle {
        font-size: 20px
    }

    .articleImgWrapper {
        flex-wrap: wrap;
        flex-direction: column
    }

    #phuket1,
    #phuket10,
    #phuket12,
    #phuket13,
    #phuket2,
    #phuket3,
    #phuket4,
    #phuket5,
    #phuket6,
    #phuket7,
    #phuket8,
    #phuket9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .phuketSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #phuket1,
    #phuket10,
    #phuket12,
    #phuket13,
    #phuket2,
    #phuket3,
    #phuket4,
    #phuket5,
    #phuket6,
    #phuket7,
    #phuket8,
    #phuket9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.bangkokPostImg {
    top: -80px;
    background-image: url(/images/bangkok/bonnie_zeng_bangkok_1.webp)
}

.bangkokSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#bangkokLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#bangkok1,
#bangkok10,
#bangkok12,
#bangkok13,
#bangkok2,
#bangkok3,
#bangkok4,
#bangkok5,
#bangkok6,
#bangkok7,
#bangkok8,
#bangkok9 {
    object-fit: contain;
    margin: 0;
    height: auto
}

#bangkok1,
#bangkok10,
#bangkok11,
#bangkok12,
#bangkok2,
#bangkok3 {
    width: 25vw
}

#bangkok4,
#bangkok5,
#bangkok6,
#bangkok7,
#bangkok8,
#bangkok9 {
    width: 38.75vw
}

#bangkok4,
#bangkok6,
#bangkok8 {
    margin-right: 2.5vw
}

#bangkok1,
#bangkok10,
#bangkok4,
#bangkok6,
#bangkok8 {
    margin-left: 10vw
}

#bangkok11,
#bangkok2 {
    margin: 1vh 2.5vw
}

#bangkok12,
#bangkok3,
#bangkok5,
#bangkok7,
#bangkok9 {
    margin-right: 10vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .articleImgWrapper {
        max-height: unset;
        flex-wrap: wrap;
        flex-direction: column
    }

    .bangkokSectionTitle {
        font-size: 20px
    }

    #bangkok1,
    #bangkok10,
    #bangkok11,
    #bangkok12,
    #bangkok13,
    #bangkok2,
    #bangkok3,
    #bangkok4,
    #bangkok5,
    #bangkok6,
    #bangkok7,
    #bangkok8,
    #bangkok9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .bangkokSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        max-height: unset
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #bangkok1,
    #bangkok10,
    #bangkok11,
    #bangkok12,
    #bangkok13,
    #bangkok2,
    #bangkok3,
    #bangkok4,
    #bangkok5,
    #bangkok6,
    #bangkok7,
    #bangkok8,
    #bangkok9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.chiangPostImg {
    top: -60px;
    background-image: url(/images/chiang-mai/bonnie_zeng_chiang_mai_3.webp)
}

.chiangSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#chiangLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#chiang1,
#chiang2 {
    width: 38.75vw
}

#chiang10,
#chiang11,
#chiang3,
#chiang4,
#chiang5,
#chiang6,
#chiang7,
#chiang8,
#chiang9 {
    width: 25vw
}

#chiang1,
#chiang10,
#chiang3,
#chiang4,
#chiang6,
#chiang7,
#chiang9 {
    margin-right: 2.5vw
}

#chiang1,
#chiang3,
#chiang6,
#chiang9 {
    margin-left: 10vw
}

#chiang11,
#chiang2,
#chiang5,
#chiang8 {
    margin-right: 10vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px;
        width: 410px
    }

    .articleImgWrapper {
        max-height: unset;
        flex-wrap: wrap;
        flex-direction: column
    }

    .chiangSectionTitle {
        font-size: 20px
    }

    #chiang1,
    #chiang10,
    #chiang11,
    #chiang2,
    #chiang3,
    #chiang4,
    #chiang5,
    #chiang6,
    #chiang7,
    #chiang8,
    #chiang9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .chiangSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        max-height: unset
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #chiang1,
    #chiang10,
    #chiang11,
    #chiang2,
    #chiang3,
    #chiang4,
    #chiang5,
    #chiang6,
    #chiang7,
    #chiang8,
    #chiang9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.expatPostImg {
    top: 0;
    background-image: url(/images/expat/bonnie_zeng_expat_1.webp)
}

.expatSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#expatLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#expat1,
#expat2 {
    width: 38.75vw
}

#expat1 {
    margin-left: 10vw;
    margin-right: 2.5vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px;
        width: 410px
    }

    .articleImgWrapper {
        max-height: unset;
        flex-wrap: wrap;
        flex-direction: column
    }

    .expatSectionTitle {
        font-size: 20px
    }

    #expat1,
    #expat2 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .expatSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        max-height: unset
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #expat1,
    #expat2 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.weekendPostImg {
    top: 0;
    background-image: url(/images/long-weekend/bonnie_zeng_weekend_1.webp)
}

.weekendSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#weekendLinkTitle {
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#weekend1,
#weekend10,
#weekend2,
#weekend3,
#weekend4,
#weekend5,
#weekend6,
#weekend7,
#weekend8,
#weekend9 {
    width: 38.75vw
}

#weekend1,
#weekend3,
#weekend5,
#weekend7,
#weekend9 {
    margin-left: 10vw;
    margin-right: 2.5vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .articleImgWrapper {
        max-height: unset;
        flex-wrap: wrap;
        flex-direction: column
    }

    .weekendSectionTitle {
        font-size: 20px
    }

    #weekend1,
    #weekend10,
    #weekend2,
    #weekend3,
    #weekend4,
    #weekend5,
    #weekend6,
    #weekend7,
    #weekend8,
    #weekend9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .weekendSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        max-height: unset
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #weekend1,
    #weekend10,
    #weekend2,
    #weekend3,
    #weekend4,
    #weekend5,
    #weekend6,
    #weekend7,
    #weekend8,
    #weekend9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.articleImg {
    object-fit: contain;
    object-fit: contain;
    height: 640px;
    object-fit: contain;
    margin: 2.5vh 0 0;
    height: unset;
    max-height: 640px
}

.seoulPostImg {
    top: -70px;
    background-image: url(/images/seoul/bonnie_zeng_palace_B.webp)
}

.seoulSectionTitle {
    font-weight: 700;
    font-size: 32px;
    display: block;
    text-align: left
}

#seoulLinkTitle {
    font-size: 18px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

#seoul1,
#seoul2,
#seoul23,
#seoul24,
#seoul3,
#seoul4 {
    width: 38.75vw
}

#seoul10,
#seoul11,
#seoul12,
#seoul13,
#seoul14,
#seoul15,
#seoul16,
#seoul17,
#seoul18,
#seoul19,
#seoul20,
#seoul21,
#seoul22,
#seoul5,
#seoul6,
#seoul7,
#seoul8,
#seoul9 {
    width: 25vw
}

#seoul1,
#seoul11,
#seoul14,
#seoul17,
#seoul20,
#seoul23,
#seoul3,
#seoul5,
#seoul8 {
    margin-left: 10vw;
    margin-right: 2.5vw
}

#seoul12,
#seoul15,
#seoul18,
#seoul21,
#seoul6,
#seoul9 {
    margin-right: 2.5vw
}

@media only screen and (max-width:429px) {
    .articleTitle {
        font-size: 36px
    }

    .articleImgWrapper {
        max-height: unset;
        flex-wrap: wrap;
        flex-direction: column
    }

    .seoulSectionTitle {
        font-size: 20px
    }

    #seoul1,
    #seoul10,
    #seoul11,
    #seoul12,
    #seoul13,
    #seoul14,
    #seoul15,
    #seoul16,
    #seoul17,
    #seoul18,
    #seoul19,
    #seoul2,
    #seoul20,
    #seoul21,
    #seoul22,
    #seoul23,
    #seoul24,
    #seoul3,
    #seoul4,
    #seoul5,
    #seoul6,
    #seoul7,
    #seoul8,
    #seoul9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

@media only screen and (min-width:429px) and (max-width:768px) {
    .seoulSectionTitle {
        font-size: 32px
    }

    .articleImgWrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        max-height: unset
    }

    #specWrapper1 {
        object-fit: unset;
        margin: unset;
        width: unset;
        height: unset
    }

    #seoul1,
    #seoul10,
    #seoul11,
    #seoul12,
    #seoul13,
    #seoul14,
    #seoul15,
    #seoul16,
    #seoul17,
    #seoul18,
    #seoul19,
    #seoul2,
    #seoul20,
    #seoul21,
    #seoul22,
    #seoul23,
    #seoul24,
    #seoul3,
    #seoul4,
    #seoul5,
    #seoul6,
    #seoul7,
    #seoul8,
    #seoul9 {
        object-fit: contain;
        margin: 1vh 10vw;
        width: 80vw;
        height: auto
    }
}

.saigonPostImg {
    top: 0;
    background-image: url(/images/war-tourism/bonnie_zeng_Museum_2.webp)
}

.londonPostImg {
    top: -40px;
    background-image: url(/images/london-christmas/bonnie_zeng_Regent_St_2.webp)
}

.sapaPostImg {
    top: 0;
    background-image: url(/images/sapa/bonnie_zeng_6A_Cafe_800px.webp)
}

.laidOffPostImg {
    top: -80px;
    background-position: center;
    background-image: url(/images/laid-off/bonnie_zeng_laid_off_cover_800px.webp)
}

.singaporePostImg {
    top: 0px;
    background-position: center;
    background-image: url(/images/singapore/bonnie_zeng_1A_Changi.webp)
}

#singaporeLinkTitle,
#laidOffLinkTitle {
    font-size: 20px;
    padding-top: 3px;
    padding-bottom: 3.2px
}

.postContainer,
.postLink {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.postContainer:hover .postLink {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 12px 20px rgba(0,0,0,0.2);
    z-index: 5; /* so it floats above neighbors */
}