* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.body {
   background:#92bde7;
   color:#485e74;
   line-height: 1.6;
   font-family: sans-serif;
   font-size: 36;
   padding:1em;
}
.message {
	font-size: 24;	
}
.container{
   max-width:360px;
   margin-left: auto;
   margin-right: auto;
   padding:1em;
}
.title {
   text-align: center;
}
.quote {
	position: relative;
	width: 95%;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #d7d7d7;
	border: 2px solid;
}
.wrapper{
	position: relative;
	top: 10px;
    width: 100%
   /*box-shadow: 0 0 20px 0 rgba(72,94,116,0,0.7); */
}
.wrapper > *{
   padding: 1em;
}
.header {
   border-radius: 25px;
   background: #a8a8a8;
}
.header form{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 20px;
}
.header form label{
   display: block;
}
.input[type="text"], input[type="password"]{
    font-size: 40;    /*no impact */
}
.header form p{
   margin:0;
}
.header form .full{
   grid-column: 1 / 3;
}
.header form button, .header form input{
   width: 100%;
   padding:1em;
   border:1px solid #c9e6ff;
}
.header form button{
   background:#c9e6ff;
   border:0;
   text-transform: uppercase;
}
.buttonleft { 
	 margin-left: 40px;
	 padding-left: 5px;
	 padding-right: 5px;
}
.buttonright { 
	 margin-left: 40px;
	 padding-left: 5px;
	 padding-right: 5px;
}
.content1 {   
	display:block;
   background: #f9feff;
}
.footer {
   background:#c9e6ff
}

@media(min-width: 601px){
.container {
   max-width: 960px;
   margin-left: auto;
   margin-right: auto;
   padding:1em;
}
}