body{
    padding:0; 
    margin:0;
    font-family: 'Oswald', sans-serif; 
    text-align:center; 
 /* background-image: url(../../images/backgrounds/10.jpeg); */
    background-position: center center; 
    background-repeat:no-repeat; 
    background-size:cover; 
    height:100vh
    }
    
    .container 
    { 
    position: absolute; 
    top: 50%; transform: 
    translateY(-50%); 
    right: 0px; left: 0px; 
    text-align: center; 
    max-width: 600px; 
    margin: 0 auto; 
    }
    
    
    .box {background-color: rgba(0,0,0,.9);  padding: 30px; text-align: center; border-radius: 10px;}
    
   /* .box h1 {color: #fff; font-size: 45px; font-weight: 500; margin:0px;} */
   /* .box h3 { font-size: 22px; font-weight: 400; margin: 7px; color: #fff; line-height: 1.1;} */
   
    .box p {font-size: 14px; font-weight: 300; color:#fff;}
    .form-control {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 #fe7c00; padding: 10px 0px;  width: 100%; font-size: 30px; font-style: italic; margin: auto;
    font-weight:700; color: #102951; background: linear-gradient(to top, rgba(254,124,40,6), rgba(253,193,0,4)); 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: 12px;    font-weight: 500;}
    @media screen and (max-width:450px) {.container{margin:20px;}}
    @media screen and (max-width:375px) {.box h1 {font-size:42px;}.box h3 {font-size:24px;}}
    @media screen and (max-width:375px) {.box h1 {font-size:35px;}.box h3 {font-size:22px;}.box p {font-size:13px;}.submit-btn {margin-bottom:10px;}}


.box h1
    {
        text-align: center; 
        color: white; 
        font-size: 46pt; 
        line-height: 1; 
        font-family: georgia, helvetica, arial; 
        font-weight: normal; 
        padding-left:0px;
        width: 100%;
        display:block;
    }
    
 .box h3
    {
        text-align: center; 
        color: white; 
        font-size: 20pt; 
        line-height: 1.1; 
        font-family: arial, helvetica, georgia; 
        font-weight: normal; 
        padding-left:0px;
        width: 100%;
        display:block;
    }

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



    .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);
    }
}