body{padding:0; margin:0; font-family: 'Oswald', sans-serif; text-align:center; background-color:#fffff;} 
.container { max-width: 730px; margin: 0px auto; background-color: #fff; padding: 40px;}
.box { text-align: center; border-radius: 10px;}
.box h6 { color: #000; font-size: 24px; font-weight: 300; font-style: italic; margin: 0px;}
u {font-style: italic;}
/*.box h3 {font-size: 54px; font-weight: 300; color: #000; line-height: 1.1; margin: 15px; letter-spacing: 2px;} */
form {border: 3px solid #ffd52d; padding: 20px; width: 100%; margin: 0 auto; border-radius: 15px; background-color: #ffecac; box-sizing:border-box;}


.exit-popup form {border:none; padding: 0px; width: 100%; margin: 0 auto; border-radius: 15px; background-color: transparent; box-sizing:border-box;}

.form-control {text-align:center; padding: 11px; width: 100%; border: 3px solid #fdc428; border-radius: 5px; margin: 10px 0px; font-size: 20px; box-sizing:border-box;}
.submit-btn { border: 1px solid #ffc500; padding: 10px 0px;  width: 100%; font-size: 30px; font-style: italic; margin: auto;
			font-weight:700; color: #102951; background-color: #ffc500; border-radius: 5px; margin-bottom: 20px; 
			letter-spacing:-1px; font-family:oswald; cursor:pointer; box-sizing: border-box;}
p {font-size: 15px; font-weight: 500; color:#484848;}
footer{font-size: 15px; font-weight: 500;}
@media screen and (max-width:860px) {.container {margin:0px 30px;}}
@media screen and (max-width:815px) { .box h3 {font-size: 40px;}}
@media screen and (max-width:665px) { .box h3 {font-size: 30px;}}
@media screen and (max-width:560px) { .container {padding:20px;}.box h3 {font-size: 30px; letter-spacing:0px;} .box h6 {font-size:20px} .submit-btn {font-size:22px;} .form-control {font-size:22px; padding:5px 0px;}}
 @media screen and (max-width:460px) { .box h3 {font-size: 21px;} .submit-btn {font-size: 20px;} form {padding:10px;} p{font-size:12px} footer{font-size:12px;}}

        
.box h3 
  {
  
    font-family: helvetica, georgia, arial; 
    font-weight: normal; 
    font-size: 40pt; 
    color: #000; 
    line-height: 1; 
    margin: 15px; 
    letter-spacing: 2px;
    
  }  

 @media screen and (max-width:1024px)
{
    .container
    {
        transform:translateY(0);
        top: 20px;
        padding:50px 0;
    }   



    .box h1
    {
        font-size: calc(21px + 3vw);
    }

    .box h2
    {
        font-size: calc(19px + 3vw);
    }

    .box h3
    {
        font-size: calc(14px + 3vw);
    }  

    .form-control
    {
       font-size: calc(7px + 3vw);
    }      

    .submit-btn
    {
        font-size: calc(12px + 3vw);
    }
}