/********* Fonts *********/
@font-face {
  font-family: 'Avenir Roman';
  src: url('../fonts/AvenirLTStd-Roman.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Heavy';
  src: url('../fonts/AvenirLTStd-Heavy.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Black';
  src: url('../fonts/AvenirLTStd-Black.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Trade Gothic LT Std';
  src: url('../fonts/TradeGothicLTStd-Bold.otf') format("opentype");
  font-weight: normal;
  font-style: normal;
}
/********* Variables *********/
/* Colors */
/* Fonts */
/* Heights */
/* Changed from 30px to show more section differentiation */
/* Paddings */
/* Padding for Panels, Alerts on mobile - introduced after the increase of @height-space-between-sections-mobile */
/* Breakpoints */
/* Extra extra small devices (phones, less than 576px) */
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, greater than 768px and less than 992px ) */
/* Mixins */
/********* Why Pages *********/
.why-section {
  padding-bottom: 0;
}
.why-section #background-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 525px;
  margin-top: -50px;
}
.why-section .inner-container {
  background: #fff;
  max-width: 865px;
  margin: -350px auto 0 auto;
  position: relative;
  width: calc(100% - 90px);
}
.why-section .inner-container-content {
  margin: 0 auto;
  max-width: 650px;
  width: calc(100% - 60px);
}
.why-section .inner-container-content .section-header {
  max-width: 490px;
  text-align: center;
}
.why-section .inner-container-content .features {
  margin-top: 50px;
}
.why-section .inner-container-content .features .feature-title {
  height: 44px;
  margin-bottom: 10px;
  margin-top: 25px;
}
.why-section .inner-container-content .features p {
  margin-bottom: 45px;
}
.why-section .btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.why-section .back-button {
  height: 123px;
  width: 123px;
}
.why-section .back-button img {
  margin-left: -28px;
  margin-top: 20px;
}
@media all and (max-width: 991px) {
  .why-section #background-section {
    background-position: center top;
  }
  .why-section .inner-container {
    margin-top: -450px;
  }
  .why-section .back-button {
    display: none;
  }
}
@media all and (max-width: 575px) {
  .why-section #background-section {
    background-position: center top;
  }
  .why-section .inner-container-content .features .feature-title {
    height: auto;
  }
  .why-section .inner-container-content .features img {
    display: block;
    margin: 0 auto;
  }
  .why-section .inner-container-content .features div {
    text-align: center;
  }
  .why-section #get-involved-section {
    padding-top: 0;
  }
  .why-section #get-involved-section .container {
    width: 100%;
  }
}
/********* Beauty Enthusiasts Section *********/
#beauty-enthusiasts-section #background-section {
  background-image: url(../images/beauty-enthusiasts/why-beaty-enthusiasts.png);
}
/********* Beauty Influencers Section *********/
#beauty-influencers-section #background-section {
  background-image: url(../images/beauty-influencers/why-makeup-artists.png);
}
#beauty-influencers-section .inner-container-content .section-header {
  max-width: 560px;
}
#beauty-influencers-section .inner-container-content .section-header p {
  max-width: 490px;
}
/********* Beauty Brands Section *********/
#beauty-brands-section #background-section {
  background-image: url(../images/beauty-brands/why-brands.jpg);
}
/********* Email Template Section *********/
#email-template-section {
  margin: 0 auto;
  width: 580px;
}
#email-template-section #background-section {
  background-image: url(https://paintedapp.com//images/email-template/email-image-header.png);
  background-position: 0 -57px;
}
#email-template-section .inner-container {
  margin-top: -500px;
  width: 500px;
}
#email-template-section .inner-container-content section {
  padding-top: 24px;
}
#email-template-section .inner-container-content .section-header {
  margin: 0 0 24px 0;
  max-width: none;
  text-align: left;
}
#email-template-section .inner-container-content h1 {
  font-size: 50px;
  line-height: 68px;
}
#email-template-section .inner-container-content h3 {
  font-family: "Avenir Heavy", 'Open Sans', sans-serif;
  margin-bottom: 24px;
}
#email-template-section .inner-container-content p {
  line-height: 24px;
}
#email-template-section .inner-container-content p a {
  color: #FE3F7F;
}
#email-template-section .inner-container-content div + div {
  margin-bottom: 24px;
}
#email-template-section .inner-container-content .btn {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  margin-top: 10px;
  width: 440px;
  z-index: 999;
}
/********* Share Section *********/
#share-section {
  width: 100%;
}