body {
     font-family: 'Tahoma',sans-serif;
     background-color: #333;
     color: #fff;
}
h2 {
     text-align: center;
     text-transform: capitalize;
}
.columns {
     float: left;
     width: 33.3%;
     padding: 8px;
     box-sizing: border-box;
}
.columns .price-box {
     background-color: #fff;
     color: #555;
     list-style-type: none;
     border: 1px solid #555;
     margin: 0px;
     padding: 0px;
     transition: 0.3s;
}
.columns .price-box:hover,.columns .price-box.best {
     box-shadow: 0px 10px 15px 0px #000;
}
.columns .price-box .header {
     background-color: #111;
     color: #fff;
     font-size: 25px;
}
.columns .price-box .header.header-green {
     background-color: #4CAf50;
}
.columns .price-box li {
     padding: 20px;
     border-bottom: 1px solid #eee;
     text-align: center;
     text-transform: capitalize;
}
.columns .price-box .emph {
     background-color: #f4f4f4;
     font-size: 20px;
}
.columns .price-box .emph .button {
     background-color: #4CAf50;
     border: none;
     color: #fff;
     padding: 10px 15px;
     text-align: center;
     text-decoration: none;
     font-size: 18px;
     transition: 0.3s;
}
.columns .price-box .emph .button:hover {
     box-shadow: 0px 5px 5px 0px #4CAf50;
     border-radius: 5px;
     opacity: 0.7;
}
@media only screen and (max-width:700px){
     .columns {
          width: 100%;
     }
}