/* FONTS */
/* <weight>: Use a value from 400 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */
.bodoni-moda-400 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
/* <weight>: Use a value from 100 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */
.montserrat-600 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.didact-gothic-regular {
  font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  padding: 0;
  margin: 0;
  background: url("../img/bg/bruno-cervera-HbsgN6vXpWE-unsplash.jpg") repeat repeat;
  background-color: rgba(255,255,255,0.5);
  background-position: bottom center;
  background-blend-mode: lighten;
  background-size: 2241px 1500px;
  height: 100vh;
}

main {
  padding: 0 2em;
  font-family: "Montserrat", sans-serif;
  line-height: 130%;
  height: 100vh;
  display: grid;
  justify-items: center;
  align-items: center;
}



header {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  max-width: 560px;
}
#logo a {
  position:relative;
  display: block;
  width: 130px;
  height: 120px;
}
#logo a span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/LuchaGlamStudio-logo-color.png) no-repeat left top;
  background-size: 130px 120px;
  background-position: center center;
  text-indent: -9999;
  z-index: 100; /* Places <span> on top of <a> text */
}


section {
  max-width: 560px;
  display: grid;
  justify-items: center;
  align-items: center;
  p {
    text-align: justify
  }
}
h1 {
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  text-transform: uppercase;
}
h2 {
  font-family: "Bodoni Moda", serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 90%;
  text-align: center;
  margin: .5em 0;
}
h3 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn {
  display: block;
  background: #000;
  color: #ffffff;
  padding: 1em;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  width: 200px;
  margin: 1em auto;
}
.btn:hover {
  background:#D7798E;
}

.text-center {
  display: inline;
  text-align: center!important;
}

ol,
ul {
  padding: 0;
  margin: 0;
  margin-top: 1em;
  li {
    a {
      color: #D7798E;
      font-weight: bold;
    }
    a:hover {
      color: #000000;
    }
  }
}
.social_list {
  display: flex;
  justify-content: center;
  list-style: none;
  width: 100%;
}

footer {
  max-width: 560px;
  width: 100%;
  text-align: center;
  align-self: end;
  display: grid;
  justify-items: center;
  align-items: center;
  p {
    margin: 0;
    padding: 0;
  }
}