body{margin:0; padding:0;font-family: 'Oswald', sans-serif; text-align:center; /* background-image: url(/images/backgrounds/16.jpeg); */ background-position: center center; background-repeat:no-repeat; background-size:cover; height:100vh}
.box { max-width: 400px; background-color: #233e53; margin: 0 auto; padding: 15px 35px; text-align: center; border-radius: 5px;}
/*h1 { font-weight: 300; letter-spacing: 3px; font-size: 38px; margin: 0px;}
.box h3 { font-size: 37px; font-weight: 400; color: #fff; line-height: 1.2; margin: 0px; letter-spacing: 1px;} */
.box p {font-size: 15px; font-weight: 300; color: #b1d6f3; opacity:0.7;}
.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 #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;}
.container {position: absolute; top: 50%; transform: translateY(-50%); right: 0px; left: 40%; text-align: center;}
footer{font-size: 13px; font-weight: 500; padding:10px;}
.logo {max-width:200px}
	
@media screen and (max-width:800px) {.container {left:0px} .container {position:relative;top: 0; transform: none;  left: 0;  text-align: center; margin-top:50px}}
@media screen and (max-width:510px) {.box {margin: 0px 20px;} .box h3 {font-size: 24px;}}
@media screen and (max-width:440px) {.box h3 {font-size: 18px;} a {font-size: 18px;} .box p{font-size:12px;} .submit-btn {font-size:25px} }
@media screen and (max-width:340px) {.box h3 {font-size: 17px;} a {font-size:16px;} .box p{font-size:11px;}}



.box h1
    {
        text-align: center; 
        color: white; 
        font-size: 35pt; 
        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: 18pt; 
        line-height: 1.2; 
        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);
    }
}