* {margin: 0;padding: 0;}    
.monthsofsavings nav {width: 100%;margin: 0px auto;text-align: center;}
.monthsofsavings ul {padding: 0;margin: 0px auto;width: 100%;}
.monthsofsavings ul li {list-style: none;display: inline-block;padding:10px;background: #06060659;}
.monthsofsavings ul li:hover {background: #d33943;}
.monthsofsavings ul li a {color: #fff;text-decoration: none;}
.toggle {width: 100%;padding: 10px 20px;text-align: right;box-sizing:border-box;color: #fff;font-size: 30px;display:none;}


@media only screen and (max-width: 768px) {
 .monthsofsavings .toggle {display: block;background: #06060659;}
 .monthsofsavings ul {width: 100%;display: none;}
 .monthsofsavings ul li {display: block;text-align: center;}
 .monthsofsavings .active {display: block;}
}
 
.monthsofsavings{margin:0px auto;font-family: 'Open Sans', sans-serif;}


.monthsav-cont{margin:150px 0px;}    
.monthsav h1 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 75px;
    color: #fff0b9;
    letter-spacing: 1px;
    text-align: center; margin: 0px;
    padding: 10px 0px;
} 
.monthsav h4 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 40px;
    color: #fff0b9;
    letter-spacing: 1px;
    text-align: center; margin: 0px;
    padding: 10px 0px;
} 
.monthsav h2 {
    color:#fff;
    text-align: center;font-size:26px;font-weight:500;padding: 9px 5px 35px;
} 
.monthsav h3 {
   color: #fff;
    text-align: center;
    font-size: 27px;
    font-weight: 500;
    margin: 0px;
    padding: 2px 0px;
} 
   
.brwnbtn {
    border-width: 0px!important;
    border-radius: 2px;
    letter-spacing: 1px;
    font-size: 15px;
    background-color: #d33943;padding:10px;color:#fff;
}    
.brwnbtn:hover {
    color: #ffffff!important;
    background: #621622!important;
}   
.floatL{float:left;} 
.floatR{float:right;} 
.height10{height:10px;}
.height20{height:20px;}
.height30{height:30px;}
.height40{height:40px;}
.height60{height:60px;}
.height70{height:70px;}
.center{text-align:center;}
.whitebg{background:#fff;margin:0px 0px;padding:20px 0px;}
p {font-size: 18px;color: #393a3a;padding: 20px 0px 10px;line-height: 1.8em; margin: 0px;}  

.karmarem h2{font-size: 45px;text-align:center;color:#285b52;font-weight:700;}
.karmarem h4{font-size: 20px;color:#393a3a;text-align:left;padding: 10px 0px 1px;}
.karmarem h3{font-size: 26px;color:#000;padding: 10px 0px 1px;text-align:center;font-weight:700;}
.colm p{font-size: 15px;color: #222222;padding: 10px 0px 30px;line-height: 1.8em; margin: 0px;}
.colm{width: 29.667%;float:left;background:#fff; padding: 21px 21px 33px 21px;box-shadow: 0px 5px 27px 0px hsla(0,0%,0%,0.12);    margin: 50px 40px 21px 0px;}
.colm1{width: 29.667%;float:none;background:#fff; padding: 21px 21px 53px 21px;box-shadow: 0px 5px 27px 0px hsla(0,0%,0%,0.12);    margin: 50px auto;}
p.price{    color: #000;font-size: 18px;text-align: left;font-weight: bold;margin: 0px;padding: 2px 0px;} 
.colm1 p{font-size: 15px;color: #222222;padding: 10px 0px 30px;line-height: 1.8em; margin: 0px;text-align:left;} 
.colm img{margin:0px auto;text-align:center;display:block;}
@media screen and (min-width:992px) and (max-width:1200px)
{ .colm{margin: 50px 34px 21px 0px;}
  .colm1{margin: 50px 34px 21px 0px;}
    }
    
@media screen and (min-width:741px) and (max-width:991px)
{ .colm{width: 44.667%;margin: 50px 37px 21px 0px;}
  .colm1{width: 44.667%;margin: 50px 37px 21px 0px;}
    }  
    
@media screen and (min-width:450px) and (max-width:740px)
{ .colm{float:none;margin:30px auto;width: 53.667%; padding: 21px 21px 60px 21px;}
  .colm1{float:none;margin:30px auto;width: 53.667%; padding: 21px 21px 60px 21px;}
    } 
    
@media screen and (min-width:300px) and (max-width:449px)
{ .colm{float:none;margin:30px auto;width: 93.667%; padding: 21px 21px 56px 21px;}
  .colm1{float:none;margin:30px auto;width: 93.667%; padding: 21px 21px 56px 21px;}
  .karmarem h2{font-size:27px;}
  .monthsav h1{font-size: 62px;}
    }