.snip1240{
  font-family:'Raleway', Arial, sans-serif;
  color:#000000;
  text-align:center;
  font-size:16px;
  width:100%;
  max-width:2500px;
}

.snip1240 .plan{
  margin:0;
  width:25%;
  position:relative;
  float:left;
  background-color:#ffffff;
  border:3px solid #feffff;
}

.snip1240 .plan:hover .plan-cost, .snip1240 .plan.hover .plan-cost{
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.snip1240 *{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all 0.25s ease-out;
  transition:all 0.25s ease-out;
}

.snip1240 header{
  position:relative;
  background-color:#256e9f;
  color:#ffffff;
  padding:20px 20px;
}

.snip1240 .plan-title{
  top:0;
  font-size:1.4em;
  font-weight:500;
  padding-bottom:10px;
  margin:0;
  text-transform:uppercase;
  color:white;
  text-align:center;
}

.snip1240 .plan-cost{
  background-color:#1b5d89;
  border-radius:50% !important;
  text-align:center;
  line-height:90px;
  width:90px;
  height:90px;
  margin:0 auto;
}

.snip1240 .plan-price{
  font-family:'Montserrat', Arial, sans-serif;
  font-weight:600;
  font-size:0.9em;
  color:#ffffff;
}

.snip1240 .plan-type{
  opacity:0.8;
  color:#ffffff;
  font-size:0.7em;
}

.snip1240 .plan-features{
  padding:0;
  margin:0;
  text-align:center;
  list-style:outside none none;
  font-size:0.8em;
}

.snip1240 .plan-features li{
  border-top:1px solid rgba(0, 0, 0, 0.2);
  padding:10px 5%;
}

.snip1240 .plan-features li:nth-child(even){
  background:rgba(0, 0, 0, 0.08);
}

.snip1240 .plan-features i{
  margin-right:8px;
  opacity:0.4;
}

.snip1240 .plan-select{
  background-color:#256e9f;
}

.snip1240 .plan-select a{
  color:#ffffff;
  text-decoration:none;
  padding:20px;
  width:100%;
  font-weight:500;
  text-transform:uppercase;
  display:inline-block;
}

.snip1240 .plan-select a:hover{
  background-color:#0d293c;
}

.snip1240 .featured{
  margin-top:-10px;
  background-color:#0d293c;
  color:#ffffff;
  box-shadow:0 0 20px rgba(0, 0, 0, 0.4);
  z-index:1;
}

.snip1240 .featured .plan-select a{
  padding:35px 25px;
}

@media only screen and (max-width: 767px) {
  .snip1240 .plan{
    width:50%;
  }
}

@media only screen and (max-width: 767px) {
  .snip1240 .plan-select a, .snip1240 .featured .plan-select a{
    padding:20px;
  }
}

@media only screen and (max-width: 767px) {
  .snip1240 .featured{
    margin-top:0;
  }
}

@media only screen and (max-width: 440px) {
  .snip1240 .plan{
    width:100%;
  }
}