div.pricing{
    display:inline-block;
    width:30%;
    background-color: white;

    border-radius: 1rem;
    margin-top:2rem;
    padding:2rem;

    text-align: center;
    color:var(--secondary-2);

    position: relative;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

div.pricing h3{
    color:black;
}


.v-releases{
    padding-left:3rem;
    padding-right:3rem;
    margin-top:4rem;
}

.v-releases h1{
    color:var(--primary-1);
    margin-top:1rem;
}
.v-releases h2{
    font-size:2rem;
    color:var(--secondary-1);
}
.v-releases ul, .v-releases p{
    color:var(--secondary-3);
    font-size:1.1rem;
}
.v-releases p{
    margin-bottom: 0.5rem;
}
.v-releases ul{
    margin-bottom: 1.75rem;
    margin-left:2rem;
}

@media only screen and (max-width: 650px) {
    .v-releases h1{
        font-size:2.5rem;
    }
    .v-releases h2{
        font-size:2rem;
    }
    .v-releases ul, .v-releases p{
        font-size:1rem;
    }
}

@media only screen and (max-width: 550px) {
    .v-releases h1{
        font-size:2rem;
    }
    .v-releases h2{
        font-size:1.5rem;
    }
}

@media only screen and (max-width: 400px) {
    .v-releases{
        padding-left:1.5rem;
        padding-right:1.5rem;
        margin-top:3rem;
    }
}

@media only screen and (max-width: 350px) {
    .v-releases h1{
        font-size:1.75rem;
    }
    .v-releases h2{
        font-size:1.35rem;
    }
    .v-releases ul, .v-releases p{
        font-size:0.9rem;
    }
}

@media only screen and (max-width: 300px) {
    .v-releases h1{
        font-size:1.5rem;
    }
    .v-releases h2{
        font-size:1.25rem;
    }
    .v-releases ul, .v-releases p{
        font-size:0.8rem;
    }
}