.products{
    background: #2d2d2d;
}
.products p {
    font-size: 4vmin;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    padding: 3vmin;
}
.products > div{
    float: left;
    width: 33.33%;
    height: calc(90% - 11vmin);
    background: #2d2d2d;
    color: antiquewhite;
}
.product div {
    float: top;
    color: antiquewhite;
}

.product-1-img {
    background: #2d2d2d no-repeat center url("../images/net-rm.png");
}
.product-2-img{
    background: #2d2d2d no-repeat center url("../images/net-df.png");
}
.product-3-img{
    background: #2d2d2d no-repeat center url("../images/net-emr.png");
}
.product-1-img, .product-2-img, .product-3-img {
    width: 100%;
    height: 10vh;
    background-size: contain;
}
.product-title{
    margin-top: 2vmin;
    text-align: center;
    font-size: 4vmin;
    max-height: 5vmin;
}
.product-description {
    margin: 0;
    font-size: 3vmin;
    padding: 2vmin 0;
    text-align: center;
    height: 4vmin;
    width: 100%;
}
.net-rm-key-features, .net-df-key-features, .net-emr-key-features {
    padding-right: 0;
    padding-left: 0;
    font-size: 2.5vmin;
    height: calc(100% - 29vmin);
    width: 100%;
    line-height: 3vmin;
    font-family: "Raleway", sans-serif;
}
@media all and (orientation: portrait) {

    .products {
        min-height: calc(100vh - 20vmin);
        height: auto;
        padding: 3vmin 0;
    }
    .products div, .product div {
        float: none;
        width: 100%;
        height: auto;
    }
    .product-1-img, .product-2-img, .product-3-img {
        width: 100%;
        min-height: 10vh;
        background-size: contain;
    }
    .net-emr-key-features ul {
        margin-bottom: 0;
    }
}