body{font-family: 'Oswald', sans-serif; text-align:center; 
  /*  background-image: url(/images/backgrounds/11.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(62,62,62,1); 
padding: 30px; 
text-align: center; 
border-radius: 10px;
}

/* .box h1 {color: #ffe900; font-size: 39px; font-weight: 400; margin: 0px; line-height: 43px;}
.box h3 { font-size: 20px; font-weight: 400; color: #fff; line-height: 1.4; margin-bottom:0px;} */


.box p 
{font-size: 15px; font-weight: 300; color:#fff;}	
.form-control 
{padding: 11px; width: 100%; border: 3px solid #fdc428; border-radius: 5px; margin:0px; font-size: 20px; box-sizing:border-box;}
.submit-btn { border: 1px solid #fe7c00; padding: 5px 0px; width: 100%; font-size: 27px; font-style: italic; margin: auto; font-weight: 500; color: #102951; background: #ffc500; border-radius: 5px; margin-bottom: 0; letter-spacing: -1px; font-family: oswald; cursor: pointer; box-sizing: border-box;}
p {font-size: 15px; font-weight: 500; color:#484848;}
footer{font-size: 11px; font-weight: 500;}
@media screen and (max-width:450px) {.container{margin:20px;}}
@media screen and (max-width:320px) {.box h1 {font-size:30px;} .box h3 {font-size:18px;} .box p {font-size:13px;}}



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