{

    box-sizing: border-box;

}



/* Create three columns of equal width */

.columns {

	float: left;

	width: 48%;

	padding: 8px;

}



/* Style the list */

.price {

    list-style-type: none;

    border: 1px solid #CFDE2D;

    margin: 0;

    padding: 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



/* Add shadows on hover */

.price:hover {

    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)

}



/* Pricing header */

.price .header {

	background-color: #000;

	color: #CFDE2D;

	font-size: 25px;

}



/* List items */

.price li {

	border-bottom: 0px solid #eee;

	padding: 20px;

	text-align: justify;

	color: #FFF;

}



/* Grey list item */

.price .grey {

    background-color: #000;

    font-size: 20px;

}



/* The "Sign Up" button */

.button {

	background-color: #CFDE2D;

	border: none;

	color: #000;

	padding: 10px 25px;

	text-align: center;

	text-decoration: none;

	font-size: 18px;

}



/* Change the width of the three columns to 100% 

(to stack horizontally on small screens) */

@media only screen and (max-width: 768px) {

    .columns {

        width: 98%;

    }

}