body {
margin:0;
width:   100%;
height:  100%;
margin:  00px 00px 00px 00px;
background:#fff;
background-size:cover;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}



a {
color:#820925;
text-decoration: none;       
}

a:hover {
color:#820925;
text-decoration: underline;    
}


.logo {
 width: 100%;
margin-bottom: 10px;    
}




#center {
margin: 0 auto;
height: 560px;
width: 400px;
}


p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 16px; 
letter-spacing: 1px;
line-height: 16px;
text-align: center;
color: #7b7b7b;
width: 100%;    
}




  
    
    
 @media screen and (max-width: 1230px) and (min-width: 701px)   {
 
 
 #center {

margin: 0 auto;
height: 560px;
width: 400px;
padding-top: 0px;
}

 }



 @media screen and (max-width: 1230px) and (min-width: 701px)   {
 
 
 #center {

margin: 0 auto;
height: 560px;
width: 400px;
padding-top: 0px;
}

 }


 @media screen and (max-width: 700px) and (min-width: 0px)   {
 
 
 #center {

margin: 0 auto;
height: 560px;
width: 400px;
}

 }