.pricing-head {
    background-position: center;
    min-height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pricing-title {
    color: white;
    text-decoration: none;
    text-shadow: 0 0 3px white;
    font-family: 'Lato', sans-serif;
    font-size: 3vw;
}
.recommend-wrap {
    margin: 5vw 0 5vw 0;
    column-rule-width: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
}
.product-wrap {    
    margin: 0 1.5vw 0 1.5vw;
    max-width: 20vw;
    max-height: 30vw;
    text-align: center;
    border: solid 2px black;
}
.product-icon {
    margin: 1.5vw auto;
    height: 3vw;
    width: 3vw;
}

.text {
    color: black;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 1vw;
}
.product-title {
    margin: 0 4vw;
    font-size: 2vw;
    border-bottom: solid 2px rgb(80, 80, 80);
}
.price-wrap {
    margin-top: 1vw;
    display: flex;
    align-items: baseline;
    justify-content: center;
}   
.price {
    font-size: 1.5vw;
}
.price-month {
    font-weight: bold;
    font-size: 1vw;
}
.product-description {    
    margin: 1vw;
    font-weight: bold;
    font-size: 1vw;
    color: rgb(78, 78, 78);
}
.product-description:hover {
    color: black;
    cursor: pointer;
}
.recommend-order-btn-wrap {    
    margin: 4vw 0 2vw 0;
}
.recommend-order-btn {
    padding: 1vw;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background-color: rgb(147, 194, 255);
    box-shadow: 0 0 5px rgb(159, 201, 255);
}
.recommend-order-btn:hover {
    font-weight: 1500;
    background-color: rgb(109, 172, 255);
    transition-duration: 0.5s;
    box-shadow: 0 0 10px rgb(159, 201, 255);
}
.product-table-wrap {
    margin-top: 3vw;
    text-align: center;
    align-items: center;
    display: inline-block;
    background-color: rgb(240, 240, 240);
}
.product-more {
    margin-top: 3vw;
    font-size: 2vw;
}
.product-table {
    margin: 3vw 10vw 10vw 10vw;
    min-width: 80vw;
    border-collapse: collapse;
    border: solid 2px black;
    box-shadow: 0 0 3px black;
}
.product-table thead{
    line-height: 4vw;
    background-color: black;
    border-bottom: solid 1px grey;
    box-shadow: 0 0 3px black;
    text-shadow: 0 0 2px white;
    color: white;
    font-size: 1.3vw;
}
.product-table tbody {
    line-height: 5vw;
    background-color: rgb(235, 235, 235);
    border-bottom: solid 1px grey;
    color: black;
    font-size: 1.2vw;
    font-weight: 600;
}
.product-table tbody tr:nth-of-type(even) {
    background-color: rgb(226, 226, 226);
}
.product-table tbody tr:hover {
    background-color: rgb(212, 212, 212);
    transition-duration: 0.3s;
}
.product-btn {
    padding: 1vw;
    text-decoration: none;
    text-shadow: 0 0 100px rgb(100, 100, 100);
    font-size: 1vw;
    color: white;
    background-color: rgb(147, 194, 255);       
}
.product-btn:hover {
    box-shadow: 0 0 1px rgb(0, 0, 0);
    transition-duration: 0.3s;
}
.producta {
    background-color: rgb(126, 255, 126);
    color: rgb(100, 100, 100);
}
.productb {
    background-color: rgb(255, 255, 100);
    color: rgb(100, 100, 100);
}
.productc {
    background-color: rgb(255, 129, 129);
    color: rgb(100, 100, 100);
}