.center {
    padding: 3% 0 0 20vw;
    width: 80vw;
    display: flex;
    justify-content: center;
    align-content: center;
}

.h1 {
    text-align: center;
}

p {
    text-align: center;
    margin-top: 8vh;
    font-size: x-large;
}

@media screen and (max-width: 768px) {
    main {
        height: 80vh;
    }

    p {
        margin-top: 5vh;
        font-size: larger;
    }

    .center {
        padding: 5% 0 0 0;
        margin-left: 10vw;
    }
}

@media screen and (min-width:769px) and (max-width: 1440px) {

    main {
        height: 65vh;
    }

    p {
        font-size: 20px;
        margin-top: 5vh;
    }

}