/* CSS Document */

/**************************** FONTS **************************/

h1 {
  font-family: 'Neue Haas Grotesk Disp W05_75B';
  color:#D15257;
  letter-spacing: 0.02em;
  font-size: 32pt;
  margin-bottom: 0.5em;
}

h5 {
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  color:#707070;
  font-size: 16pt;
  margin-bottom: 1em;
  line-height: 1.5em;
}

small {
     font-family: 'Neue Haas Grotesk Disp W05_45L';
     color:#707070;
     font-size: 14pt;
     line-height: 3em;
}

h2 {
  font-family: 'Neue Haas Grotesk Disp W05_75B';
  color:#3C3C3C;
  font-size: 26pt;
  letter-spacing: 0.03em;
  margin-bottom: 0.7em;
}


h3 {
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  color:#3C3C3C;
  /*font-size: 26 pt;*/
  font-size: 28px;
  margin-bottom: 0.6em;
}

h4 {
    font-family: 'Neue Haas Grotesk Disp W05_75B';
    color:#3C3C3C;
    font-size: 20pt;
    letter-spacing: 0.04em;
    margin-bottom: 0.6em;
}


p {
    font-family: 'Neue Haas Grotesk Disp W05_55R';
    color:#606060;
    font-size: 13pt;
    line-height: 1.5em;
    letter-spacing: 0.025em;
    /*margin-top: 1.3em;*/
}

.dark {
     font-family: 'Neue Haas Grotesk Disp W05_55R';
     color:#3C3C3C;
     font-size: 14pt;
}

.tagline {
    font-family: 'Neue Haas Grotesk Disp W05_55R';
    color:#606060;
    font-size: 13pt;
    line-height: 1.5em;
    letter-spacing: 0.025em;
}

.sig {
    font-family: 'Shelby';
    color: #3C3C3C;
    font-size: 3em;
}

.nav {
    font-family: 'Neue Haas Grotesk Disp W05_55R';
    color: #3C3C3C;
    
}

li {
    
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  font-weight: 300;
  font-size: 14pt;
  line-height: 1.7em;
  color: #2B2B2B;
}



/************* WHITE *************/

.hero-text {
    font-family: 'Neue Haas Grotesk Disp W05_75B';
    color: #fafafa;
    font-size: 34pt;
    letter-spacing: 0.03em;
    text-transform: none;
    margin-bottom: 0.4em;
}

.whitesmall {
    color: #F0F0F0;
}

.whiteh1 {
  font-family: 'Neue Haas Grotesk Disp W05_75B';
  color: #FFF;
  letter-spacing: 0.02em;
  font-size: 32pt;
  margin-bottom: 0.5em;
}

.whiteh2 {
    font-family: 'Neue Haas Grotesk Disp W05_75B';
    color: #fafafa;
    font-size: 26pt;
    letter-spacing: 0.03em;
    text-transform: none;
    margin-bottom: 0.7em;
}

.whiteh3 {
    font-family: 'Neue Haas Grotesk Disp W05_55R';
    color:#fdfdfd;
    font-size: 26pt;
    margin-bottom: 0.6em;
}

.whiteh5 {
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  color:#fdfdfd;
  font-size: 16pt;
  margin-bottom: 1em;
}

.h1whitecursive {
    font-family: 'Shelby';
    font-size: 90pt;
    color: #fff;
    letter-spacing: 0.03em;
}

.whitecursive {
    font-family: 'Shelby';
    font-size: 40pt;
    color: #fff;
    letter-spacing: 0.03em;
}

/************* PINK *************/

.pink {
    font-family: 'Neue Haas Grotesk Disp W05_55R';
    color:#D15257 !important;
    font-size: 14pt;
}

.pinkupper {
    font-family: 'Neue Haas Grotesk Disp W05_75B';
    text-transform: uppercase;
    color: #FFCCCC;
    font-size: 18pt;
    letter-spacing: 3px;
}

/************* OTHER *************/

.lghtpink {
    color: #FFE1D5;
}

.lghtgrey {
    color: #F0F0F0;
    
}

.lghtgreyh5 {
            color: #DDDDDD;
        }

.white {
    color:#fdfdfd;
}

a {
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  color: #3C3C3C;
  text-decoration: none;
}


/************* EXTRA *************/

.graphic-head {
  font-family: 'NHaasGroteskTXW01-65Md';
  color:#3C3C3C;
  font-size: 18pt;
  margin-bottom: 0.6em;
  line-height: 1.2em;
  margin-bottom: 1em;
  letter-spacing: 0.5px;
}

.graphic-title {
  font-family: 'Neue Haas Grotesk Disp W05_55R';
  color:#3C3C3C;
  font-weight: 500;
  font-size: 16pt;
  margin-bottom: 1em;
  margin-top: 1.4em;
  letter-spacing: 0.5px;
  text-align: center;
    
}

.footer-text {
    font-family: 'NHaasGroteskTXW01-65Md';
    color: #707070;
    font-size: 18pt;
    text-align: left;
    font-size: 12pt;
    margin-top: 0.7em;    
}


/************* BULLETS *************/

.two-arrows:before {
  
  content: "»"; 
  padding-right: 13px;
  color: #F58F86;
  font-size: 22px;
}

.two-arrows2:before {
  
  content: "»"; 
  padding-right: 13px;
  margin-left:0;
  color: #F58F86;
  font-size: 22px;
}