.color-lines {
  display: block;
  width: 80px;
}

.color-lines div {
  float: left;
  width: 33%;
  height: 3px;
}

.color-lines div:first-child {
  background-color: #008b4a;
}

.color-lines div:nth-child(2) {
  background-color: #008fb3;
}

.color-lines div:nth-child(3) {
  background-color: #dd7f03;
}

.navbar {
  z-index: 3 !important;
  padding: .5rem 0;
}

.dropdown-menu {
  z-index: 2;
}

#mobile-blog-link {
  padding: 0;
  color: #ffffff;
}

#logout-modal {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 3;
  bottom: 0;
}

.label {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 55px;
  background-color: black;
  border-top: 1px solid white;
  border-left: 1px solid white;
}

#logout-modal-content {
  display: none;
  position: fixed;
  background-color: #000000;
  height: 52px;
  top: 55px;
  right: 10px;
  z-index: 2;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  font-size: 0.85rem;
  border: 1px solid white;
}

#logout-modal-content a {
  color: #ffffff;
}

#logout-modal-content .containers-separator {
  border-left: 1px solid #ffffff;
  width: 1px;
  margin-right: 10px;
  height: 100%;
}

#logout-modal-content .logout-container {
  display: inline-block;
  margin-right: 15px;
  height: 100%;
  vertical-align: middle;
  line-height: 0.7;
}

#logout-modal-content .logout-container h4 {
  margin: 0;
  font-weight: bolder;
}

#logout-modal-content .logout-container span {
  font-size: 0.6rem;
}

#logout-modal-content .logout-container i {
  font-size: 1.5rem;
  margin: 2px;
  width: 48%;
}

#logout-modal-content .followers > h4 {
  color: #00b55e;
}

#logout-modal-content .following > h4 {
  color: #00bae7;
}

#logout-modal-content .albums > h4 {
  color: #fea235;
}

#logout-modal-content .logout {
  margin-right: 0;
}

#logout-modal-content .containers-separator {
  margin-right: 5px;
}

#logout-modal-content #home-separator {
  margin-right: 15px;
}

#logout-modal-content .home {
  margin-right: 5px;
}

@media (min-width: 320px) and (max-width: 768px) {
  #logout-modal-content {
    padding: 5px 0px;
  }
  #logout-modal-content .logout-container {
    margin-right: 5px;
  }
  #logout-modal-content #home-separator {
    margin-right: 5px;
  }
  #logout-modal-content #logout-separator {
    margin-right: 0px;
  }
  #logout-modal-content .home {
    margin-right: 0px;
  }
  #logout-modal-content .logout {
    margin-right: 0px;
  }
}