/* ==========================================================================
Author's custom styles
========================================================================== */




.wrap p { text-align: center; 
  letter-spacing: 0.02em;
}
.footer .container { padding-right: 0px; }


body { 
  padding: 0px;
  font-weight: 400;
  color: #4e4e51;
}

.wrap {
  background-color: white;
}



h1 { 
  font-size: 20px;
  margin-top: 0;
}

.tagline { 
  color: #4e4e51;
  background-color: rgba(255,255,255,0.8);
  padding: 0 25px 25px;
  width: 100%;
  position: relative;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  bottom: 0;  
}

img { max-width: 100%; height: auto; }

.wrap img {
  min-width: 100%;
  max-height: 700px;
}

footer { text-align: right;
  padding: 25px;
  font-family: proxima-nova, sans-serif;
  font-weight: 500; 
}

.wrap p { color: white; font-size: 18px; text-align: right; font-weight: 300; }
.wrap a { font-weight: bold; color: white; }

.Aligner {
  display: flex;
  align-items: center;
  justify-content: left;
}

.Aligner-item {
  max-width: 50%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

.content {
  
  padding-bottom: 150px;
  
}

a { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }
.logo img { max-height: 150px; }

.logo { padding: 35px; text-align: center; max-width: 275px;}

.mobile-content {
  padding: 25px 0px;
  margin: 0px auto;
  
}

.tagline-mobile { width: 100%; padding-top: 25px;  }
.tagline-mobile p { color: white; }

.mobile-content p { text-align: center; }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .tagline {
    position: absolute;
    text-align: right !important; 
    padding: 25px;
  }

  .tagline br {
    display: none;
  }

  footer br {
    display: none;
  }

  h1 {
    font-size: 26px;
    margin-top: 10px;
  }

  .wrap {
    padding-top: 50px;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .wrap { padding-top: 0px; }
  
  
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .logo { text-align: left; }  

}

/* Extra large devices (large desktops, 1200px and up)*/