/* CSS for ARCHIVE page*/

.grid-containerContent2 {
            display: none; 
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr auto;
            grid-gap: 6vw 2vh;
            padding-left: 6vw;
            padding-right: 6vw;
            padding-bottom: 0vw;
            justify-content: center;
        }

@media screen and (max-width:650px) {
.grid-containerContent {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr auto;
            grid-gap: 2vw 2vh;
            padding-left: 6vw;
            padding-right: 6vw;
            padding-bottom: 0vw;
            justify-content: center;
            }

.content-2 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
            
.content-4 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
        }

        @media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
        .grid-containerContent {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr auto;
                grid-gap: 2vw 2vh;
                padding-left: 4vw;
                padding-right: 4vw;
                padding-bottom: 0vw;
                justify-content: center;

    }
 .content-1 {
            padding-left: 2vw;
            padding-right: 2vw;
            }

    .content-2 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
            
 .content-3 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
.content-4 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
        }

        @media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) {
        .grid-containerContent {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr auto;
                grid-gap: 6vw 2vh;
                padding-left: 4vw;
                padding-right: 4vw;
                padding-bottom: 0vw;
                justify-content: center;

    }
 .content-1 {
            padding-left: 2vw;
            padding-right: 2vw;
            }

    .content-2 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
            
 .content-3 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
.content-4 {
            padding-left: 2vw;
            padding-right: 2vw;
            }
        }


        @media screen and (min-width:650px) {
            .grid-containerContent {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr auto;
                grid-gap: 8vw 8vh;
                padding-left: 12vw;
                padding-right: 6vw;
                padding-bottom: 0vw;

                justify-content: center;
            }

            .content-1 {
                padding-left: 6vw;
            }

            .content-2 {
                padding-left: 4vw;
            }

            .content-3 {
                padding-left: 6vw;
            }

            .content-4 {
                padding-left: 8vw;
            }
        }

        @media screen and (min-width:1080px) {
            .grid-containerContent {
                display: grid;
                /*font-family: 'Doctrine-Light', sans-serif;*/
                grid-template-columns: 1fr 1fr 1fr 1fr;
                grid-template-rows: 1fr auto;
                grid-gap: 8vw 8vh;
                padding-left: 6vw;
                padding-right: 6vw;
                padding-bottom: 0vw;
                justify-content: flex-start;
                align-items: flex-start;
            }

            .content-1 {
                padding-left: 4vw;
            }

            .content-2 {
                padding-left: 3vw;
            }

            .content-3 {
                padding-left: 4vw;
            }

            .content-4 {
                padding-left: 3vw;
            }
        }