html,body {
        height:100%;
      }
      body {
        background-color:#f1f1f1; 
        padding:0;margin:0; 
        color:#222;
        font-family: 'Montserrat', sans-serif; 
           
      }
      .top-section {
        background-color:#fff;
        padding:80px 40px 0;
        /*background-image: url('../img/background.svg');
        background-repeat:no-repeat;
        background-position:right top;*/
      }

      .wrapper {
        max-width:800px;
        margin:0 auto;
      }
      #top-triangle {
          width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 160px 100vw;
        border-color:  transparent  transparent #fff transparent ;
      }
      #bottom-triangle {
          width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 160px 100vw;
        border-color:  transparent  transparent  transparent #fff;
      }
      .logomark {
        margin-bottom:80px;
        width:60px;
        
      }
      .logomark img {width:100%;height:auto;}
      .lead {
        font-size:1.8rem;
        line-height:1.3;
        letter-spacing:-0.9px;
        font-weight:200;
      }
      .signup-form {
        max-width:550px;
      }
      .signup-input {        
        margin: 20px 0;
        max-width:450px;
        /*box-shadow: 0 15px 35px 0 rgba(42,51,83,.12),0 5px 15px rgba(0,0,0,.06)!important;*/
      -webkit-box-shadow: 0 0 20px 6px rgba(1,1,1,.05);
box-shadow: 0 0 20px 6px rgba(1,1,1,.05);
        
        border-radius: .5rem!important;
      }
      .signup-form .btn-secondary{
        background-color:#D12D66;
        border-color:#D12D66;
      }
      #mce-EMAIL {
        border-color:#f1f1f1;
      }
      #mce-EMAIL:focus {
        outline:none;
        box-shadow:none;
        border-color:#D12D66;

      }
      .btn,input {border-radius:.5rem;}

      #form-message {
        font-size:80%;
        min-height:70px;
        max-width:450px;
      }
      .error {
        color:#D12D66;        
      }
      .error a {
        text-decoration:underline;
        color:#D12D66;
      }
      .success {
        color:#E15535;
      }
      .success a {
        text-decoration:underline;
        color:#E15535;
      }

      .typed-wrapper {
        min-height:120px;
        margin:0;padding:0;
      }
      .typed-intro {
        font-size:1.8rem;
        line-height:1.3;
        letter-spacing:-0.9px;
        font-weight:200;
        color:#D12D66;
        height:35px;
      }
      #typed {        
        font-size:1.8rem;
        line-height:1.3;
        letter-spacing:-0.9px;
        font-weight:600;
        color:#D12D66;
      }
      
      .typed-cursor {
        opacity:1;        
        color:#D12D66;
        font-size:1.8rem;
      }
      #typed-strings {display:none;}

      .narrow {max-width:600px;}



   
@media screen and (max-width: 600px) {
  .typed-wrapper {min-height:180px;}
  #top-triangle,#bottom-triangle {border-width: 0 0 80px 100vw;}
  .lead {font-size:1.4rem;}
  .top-section { padding:40px 40px 0;}
  .logomark {margin-bottom:40px;}
  
  .input-group .form-control {
    width:100%;
    display: block;    
    clear: both;
    text-align:center;
    }
  .input-group-append {
    display:block;margin-left:0;width:100%;
  }
  .input-group-append .btn {
    width:100%;
    display:block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem!important;
  }

}