body{font-family:arial; font-size:12px;}

img{ max-width:100%;}

.wrapper {
    width: 435px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 550px;
    text-align: center;
    box-sizing: content-box;
    padding: 15px;

}
.content-box{ padding:10px;}

.logo{float:left; width:90%; padding:8px; text-align:center; font-size:24px; font-weight:700; margin:15px 0;}
.content-box h1, .content-box p{font-size:16px;}
.content-box p{margin:10px 0;}
.content-box h1{font-weight:700;}
.content-box a{ font-size:16px; text-decoration:none; color:#676767;}
.blue{

	color:#0362dc!important;
}


.errorMessage{
    float:left;
    width:100%;
    margin:10px 0;


}

.errorMessage>div{
    font-size:14px;
    font-weight:400;
    color:#ff0000;

}


@media only screen and (max-width: 400px) {

 .wrapper {
    width: 300px;
}

.logo{
	width: 95%;
    clear: both;
    max-width: 100%;
}
.content-box h1,
.content-box p,
.content-box a{
	font-size:14px;
	}
.logo img{
	width:75%;





	}

}