html{
    font-family:'HelveticaNeueW01-45Ligh';
        }
        
        html *{		
            box-sizing: border-box;
        }
        
        .container{
            max-width: 780px;
            height: auto;
            margin: auto;}
        
        
        h1{
            font-weight: normal;
            margin-top: 30px;
            margin-bottom: 0;
            color: #b74d2b;
            letter-spacing: -2px;
            font-size:55px;}
        
        #top-text{
            margin-bottom: -10px;
        }
        
        .border{
            margin: auto;
            border: solid 1px #007b8a;
            border-radius: 6px;
            padding:25px 30px;
            box-sizing: border-box;
            width: 100%;
            display: inline-block;
            margin-bottom: 30px;
            margin-top: 20px;
         }
    
        .donation{
            height: 45px;
            max-width: 289px;
            border-radius: 3px;
            line-height: 45px;
            color:#fff;
            padding-left: 15px;
            font-size: 25px;
            background-color: #007b8a;}
        
        .donation input{
            float:right;
            margin-top: 5px;
            margin-right: 5px;
            color: #007b8a;
            font-weight: bold;
            font-size: 25px;
            padding-left:10px;
            border-radius: 3px;
            border: none;
            height:35px;
            width:242px;
        }
        
        #gift-aid{
            width:100%;
            background-color: #3395a1;
            color:#fff;
            line-height: 35px;
            float: left;
            margin-top: 20px;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 3px;
        }
        
        #gift-aid.no{
            background-color: #aba7a7;
            margin-top: 10px;
        }
        
        .mand{
            color:#ff0000;
        }
        
        h2{
            color: #007b8a;
            margin-top: -5px;
            font-size: 24px;
            margin-bottom: 15px;
        }
        
        .button{
            line-height: 45px;
            height: 45px;
            float:right;
            margin-top:20px;
            font-weight: bold;
            background-color: #2da6be;
            color:#fff;
            text-align: center;
            border-radius: 3px;
            width:190px;
        }
        
        #expand{
            font-size: 13px;
            background-color: #007b8a;
            border-radius: 3px;
            width: 100%;
            float:left;
            padding: 15px;
            margin-bottom: 10px;
            line-height: 18px;
        }
        
        #expand strong{
            width: 100%;
            float:left;
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 10px;
        }
        
        .inactive{
            background-color: #dbdadb;
            cursor: not-allowed;
        }
        
        .form label{
             float:left;
             line-height: 30px;
             margin-top: 0;
             color:#007b8a;
             width: 300px;
        }
        
        .form input{
            float:left;
            width:300px;
            line-height: 42px;
            font-size: 16px;
            border:solid 1px #cbd4dd;
            padding-left: 10px;
            border-radius: 3px;
        }
        
        input:focus{
            border-color: #007b8a;
        }
        
        .form-section{
            float:left;
            width: 100%;
            margin-bottom: 10px;
        }
        
        .left{
            float:left;
            margin-right: 15px;
            width:300px;
        }
        
        .form input.expire{
            width: 143px;
        }
        
        
        .form input.expire.first{
            margin-right: 15px;
        }
    
            .valid {
            border-color: #97d800;
            color: #97d800;
        }
        
        label.valid {
            color: #97d800;
        }
        
        .error {
            border-color: #e3041f;
            color: #e3041f;
            background-color: #fef2f4;
        }
        p{
            color: #5f5e57;
            font-size:30px;}
        
        label.error {
            color: #e3041f;
            background-color: #fff;
        }
            @media only screen and (max-width: 650px) {
            h1{
                font-size: 8vw;
            }
                
                .container{
                    padding:10px;}
            
            #gift-aid{
                line-height: 24px;
                padding: 9px;
            }
            
            .donation{
                max-width: 100%;
            }
            
            .donation input{
                width: 92%;
            }
            
            .form input,.left{
                max-width: 100%;
                width: 100%;}
        }