@media (min-width:480px){
        .form-module
        {
            max-width: 420px !important;
        }        
    }
    @media (min-width:600px){
        .form-module
        {
            max-width: 520px !important;
        }        
    }
    @media (min-width:768px){
        .form-module
        {
            max-width: 620px !important;
        }        
    }    
    .pen-title
    {
            padding: 10px 0;
    }
    .wrap > .container 
    {
        padding: 20px 15px 20px;
    } 
    .wrap
    {
        /*padding: 0px !important;*/
    }
    input[type='checkbox']
    {
        width: auto !important;
    }   
    .testbox 
    {
      margin: 20px auto;
      padding: 0 40px 0px 40px;  
      width: auto; 
      height: auto; 
      -webkit-border-radius: 8px/7px; 
      -moz-border-radius: 8px/7px; 
      border-radius: 8px/7px; 
      background-color: #ebebeb; 
      -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
      -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
      box-shadow: 1px 2px 5px rgba(0,0,0,.31); 
      border: solid 1px #cbc9c9;
      border-top: 5px solid #33b5e5;
    }    
    .cta 
    {
      background: #e9e9e9;
      width: 100%;
      padding: 15px 40px;
      box-sizing: border-box;
      color: #666666;
      font-size: 12px;
      text-align: center;
    }
    .form-module .cta a 
    {
      color: #333333;
      text-decoration: none;
    } 
.wrap > .container {
    padding-top: 20px !important;
}  
/* Pen Title */
.pen-title {
  padding: 0px 0;
  text-align: center;
  letter-spacing: 2px;
}
.pen-title h1 {
  margin: 0 0 20px;
  font-size: 48px;
  font-weight: 300;
}
.pen-title span {
  font-size: 12px;
}
.pen-title span .fa {
  color: #33b5e5;
}
.pen-title span a {
  color: #33b5e5;
  font-weight: 600;
  text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #317eac;
}