section {margin:5% 0; padding:0; width: 100%; display: flex; justify-content: center; align-items: center;}
div {margin:0; padding:0; width:50%; height:auto; color: #333;}
#login{margin:0 auto; padding:0; background:#fff; width:100%; height:auto; min-height:300px; border-radius:10px; display: flex; flex-wrap: wrap; align-content: space-between; align-items: center}
#loginlogo{margin:0; padding:0; width:40%; height:70%; min-height:300px; display: flex;align-items: center;}
#loginlogo img{margin:0 auto; padding:0; width:80%; height:auto}
#logininfo{margin:0; padding:0 2.5%; width:55%;}
#loginbutton{margin:2% auto 0; padding:2% 4%; background:#ec0e16; color:#fff; border:none; border-radius:3px; cursor:pointer; font-weight:700}

#userprofile{
 margin:0 auto;
 padding:0;
 background:#fff;
 width:100%;
 height:auto;
 min-height:300px;
 border-radius:10px;
 display: flex;
 flex-wrap: wrap;
 align-content: space-between;
 align-items: center
}

#profile{margin:0 auto; padding:2% 3%; width:94%}
.container{margin:3% 0 5%; padding:0 0 5%; width:100%;}

.container label{display:block; font-size:0.9em}
#privacy{display:inline-block; font-size:0.9em}
.left{margin:0; padding:0 1.5% 0 0; width:48.5%; float:left}
.right{margin:0; padding:0 0 0 1.5%; width:48.5%; float:left}
.single{margin:0; padding:0; width:100%; float:left}
.container .left input, .container .right input{margin:0.5% 0; padding:2.5%; width:95%; background:#efefef; border:1px solid #E8E8E8; font-size:1em}
.container .single input{margin:0.5% 0; padding:1.1% 1%; width:98%; background:#efefef; border:1px solid #E8E8E8; font-size:1em}
.container_privacy{margin:3% 0 0; padding:0 0 3%; width:100%;}
.container_submit{margin:3% 0 0; padding:0 0 3%; width:100%;}
#profilebutton{margin:0 auto; padding:2% 6%; width:50%; background:#ec0e16; color:#fff; border:none; border-radius:3px; cursor:pointer; font-weight:700}