body {
    width: 98vw;
    margin: 0%;
}

.main {
    width: 100%;
    height: 100vh;
    float: center;
    margin-left: 0.7%;
    padding-top: -2vh;
} 

.images {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 30vw;
    margin-top: 5vh;
}

.images img {
    width: 30vw;
    border-radius: 1vw;
}

.image {
    margin-left: 1.1vw;
    margin-right: 1.5vw;
}

.titles {
    text-align: center;
    color: green;
    font-size: 2.5vw;
    padding: 0;
    margin: 0;
}

.titles {
    color: green;
    font-weight: bold;
    font-size: 2vw;
    text-shadow: .1vw 0.15vh 0.2vw black;
    padding: 0;
    margin: 0;
}

.learn-more {
    text-align: center;
    padding: 0;
    margin: 0;
}

.path img{
    margin-top: 5vh;
    width: 100%;
    height: 50vh;
}

/* Surface Pro 7 portrait */
@media only screen and (max-width: 1380px) and (max-height: 920px) {
    .learn-more {
        font-size: 1.5vw;
    }
}

/* Surface Pro 7 portrait */
@media only screen and (max-width: 920px) and (max-height: 1380px) {
    .images {
        margin-top: 2vh;
    }

    .titles {
        font-size: 3vw;
    }

    .learn-more {
        font-size: 2.5vw;
    }

    .path img{
        margin-top: 2vh;
    }
}

/* iPad Air portrait */
@media only screen and (max-width: 830px) and (max-height: 1190px) {
    .titles {
        text-shadow: .1vw 0.07vh 0.1vw black;
    }
}

/* Samsung Galaxy A51 and S20 landscape */
@media only screen and (max-width: 920px) and (max-height: 420px) {
    .titles {
        font-size: 2vw;
    }

    .learn-more {
        font-size: 1.5vw;
    }

    .path img{
        height: 60vw;
        margin-top: 2vh;
    }
}

/* Samsung Galaxy A51 and S20 portrait */
@media only screen and (max-width: 420px) and (max-height: 920px) {
    .images {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 95vw;
    }

    .images img {
        width: 90vw;
        margin-left: 3vw;
        border-radius: 1vw;
    }

    .titles {
        font-size: 5vw;
    }

    .learn-more {
        font-size: 4vw;
        margin-bottom: 2vh;
    }

    .path img{
        height: 60vw;
        margin-top: 2vh;
    }
}

/* Samsung Galaxy Fold landscape */
@media only screen and (max-width: 730px) and (max-height: 550px) {
    .learn-more {
        font-size: 2vw;
    }
}

/* Samsung Galaxy Fold portrait */
@media only screen and (max-width: 550px) and (max-height: 730px) {
    .images {
        margin-top: 2vh;
    }

    .titles {
        font-size: 3vw;
    }

    .learn-more {
        font-size: 3vw;
    }

    .path img{
        margin-top: 2vh;
    }
}

/* iPhone 12 portrait */
@media only screen and (max-width: 400px) and (max-height: 860px) {
    .titles {
        font-size: 7vw;
        text-shadow: .1vw 0.15vh 0.2vw black;
        padding: 0;
        margin: 0;
    }

    .learn-more {
        font-size: 4.5vw;
    }
}