#header {
  background-color:#353344;
  padding:10px 0px;
}

#page-title span {
  color:white;
  font-size:28px;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
}

@media (max-width: 767px) {
  #page-title span {
    font-size:23px !important;
  }
}

#page-title {
  display:flex;
  align-items:center;
}

@media (max-width: 767px) {
  #profile-count p {
    text-align:center !important;
    font-size:22px !important;
  }
}

#profile-count p {
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  font-size:22px;
  color:#C2408F;
  text-transform:uppercase;
  margin-bottom:0px;
  text-align:right;
}

@media (max-width: 767px) {
  #profile-count span {
    display:block;
  }
}

#profile-count span {
  color:white;
  font-weight:300;
  font-family:'Open Sans', sans-serif;
}

#profile-count {
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

@media (max-width: 767px) {
  #profile-count {
    justify-content:center;
  }
}

@media (max-width:767px) {
  #body {
    background-image:url("../../assets/img/bg-responsive.png") !important;
  }
}

#body {
  background-image:url("../../assets/img/bg-pre-landing-7.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  min-height:calc(100vh - 68px);
}

#open {
  color:white;
  font-size:20px;
  font-family:'Open Sans', sans-serif;
  font-weight:300;
  text-align:center;
  margin-bottom:0;
}

#places {
  color:#47E4C3;
  text-align:center;
  font-size:34px;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  font-style:italic;
  text-transform:uppercase;
  margin-bottom:40px;
}

@media (max-width: 767px) {
  #places {
    font-size:26px;
  }
}

#content-column {
  padding:40px 15px;
}

#form-wrapper {
  background-color:white;
  border-radius:25px;
  padding:30px;
}

#profile {
  background:rgba(223,222,228, 0.4);
  margin:0px;
  justify-content:center;
  border-radius:10px;
  overflow:hidden;
}

#pseudo {
  font-size:18px;
  font-family:Open Sans, sans-serif;
  font-weight:bold;
  color:#C2408F;
  margin-bottom:0px;
}

#statut {
  color:#353344;
  margin:5px 0px 10px 0px;
  font-family:Montserrat, sans-serif;
  font-size:16px;
  font-weight:400;
}

#preform-msg {
  color:#353344;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  text-align:center;
  margin-top:40px;
}

@media (max-width: 767px) {
  #preform-msg {
    margin-top:0px !important;
  }
}

#form-title {
  display:none;
}

@media (max-width: 767px) {
  #header img {
    width:50px !important;
  }

  .logo-wrapper {
    display:flex;
    justify-content: center;
  }
}

#header img {
  width:40px;
}

@media (max-width: 767px) {
  #profile {
    display:none;
  }
}

@media (max-width: 767px) {
  #body .container {
    min-height:calc(100vh - 124px);
    display:flex;
    align-items:center;
  }
}