#header {
  background:#FFFFFF;
  box-shadow:0 6px 8px -2px rgba(0,0,0,0.05);
}

#header h1 {
  font-family:'Playfair Display', serif;
  font-size:22px;
  font-weight:900;
  text-align:center;
  margin-bottom:0px;
  cursor:pointer;
}

.container {
  padding:15px 0px;
}

#grid-wrapper .container {
  padding:0 0 15px 0 !important;
}

.row {
  margin:0px;
}

.profil-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 0 10px 0;
}

.avatar {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:50px;
  width:35px;
  height:35px;
  margin-right:10px;
}

.profil-info {
  display:flex;
  align-items:center;
}

.profil-wrapper {
  padding:15px 0;
  cursor:pointer;
}

.pseudo {
  font-family:'Playfair Display', serif;
  font-size:16px;
}

.profil-pic {
  width:100%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:15px;
}

.profil-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
}

.profil-meta img {
  width:60px;
}

.meta {
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  font-weight:bold;
  opacity:0.5;
}

.profil-wrapper p {
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  text-align:justify;
  margin-bottom:0px;
}

#header img {
  cursor:pointer;
}

#footer .row {
  justify-content:center;
  align-items:center;
}

#footer {
  background:black;
  padding:0;
  position:fixed;
  bottom:0px;
  width:100%;
}

@media (max-width: 576px) {
  #footer h2 {
    text-align:center !important;
  }
}

#footer h2 {
  color:white;
  text-align:right;
  font-family:'Open Sans', sans-serif;
  font-weight:400;
  font-size:16px;
  margin-bottom:0;
  text-transform:uppercase;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow:0 0 0 .2rem rgba(0,123,255,0);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color:#fff;
  background-color:#F06473;
  border-color:transparent;
}

#btn-signup {
  background:#F06473;
  border-radius:0;
  text-transform:uppercase;
  font-family:'Open Sans', sans-serif;
  font-size:15px;
}

@media (max-width: 576px) {
  #btn-signup {
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-top:15px;
  }
}

.btn.focus, .btn:focus {
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,0);
}

.btn-primary {
  border-color:transparent;
}

.btn-primary:hover {
  border-color:transparent;
}

.profil-pic h2 {
  color:white;
  font-family:'Open Sans', sans-serif;
  text-transform:uppercase;
  font-size:22px;
  font-weight:400;
  text-align:center;
  margin:15px 0 0 0;
}

@media (max-width: 576px) {
  .profil-pic h2 {
    font-size:18px !important;
    margin:0 !important;
  }
}

.profil-pic h1 {
  color:white;
  font-family:'Open Sans', sans-serif;
  text-transform:uppercase;
  font-size:30px;
  font-weight:900;
  text-align:center;
  margin-bottom:15px;
}

.separator {
  margin:0 auto;
  width:50px;
  height:2px;
  background:white;
}

#signup-msg {
  padding:15px;
  background:black;
}

#signup-msg #second {
  color:#F06473;
  font-size:16px;
  text-align:center;
}

#signup-msg #first {
  color:white;
  font-size:20px;
  text-transform:uppercase;
  text-align:center;
}

#countdown {
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  text-align:center;
  font-size:24px;
}

#countdown span {
  color:#F45381;
}

@media (max-width: 576px) {
  #grid-wrapper {
    padding:0 0 90px 0 !important;
  }
}

#grid-wrapper {
  padding:30px 0 90px 0;
}

@media (max-width: 576px) {
  #fake {
    display:none;
  }
}

@media (max-width: 576px) {
  #signup-column {
    padding:0;
  }
}

@media (max-width: 576px) {
  #signup-wrapper {
    padding:0;
  }
}

@media (max-width: 576px) {
  .separator {
    display:none;
  }
}

