/**---- GLOBAL STYLES -----**/
body {
  font-family: 'Inter', sans-serif;
}
body p {font-size: 1.1rem; }


h1 { 

  font-size: 6.5rem;
  font-weight: 900;
  line-height: 7rem;
  margin: 0 auto 40px auto;
  }

h2 {
    font-size: 3.2rem;
  }
  

h2, h3, h4 {
  font-weight: 800; 
}

h3.project-heading { font-size: 2.5rem; font-weight: 600;}

h3.underline { text-decoration: underline;}


h4 { font-size: 1.675rem; font-weight: 800; }


.row { 
  padding: 0 0 25px 0;
}


.section-header {
  padding: 20px 0 20px 0;
}



p.lead {font-size: 1.1rem; color:#555; max-width: 630px; }
/**---- SECTION: FEATURE HERO -----**/

.primary-ctas {

  margin: 0 auto; 
  width: 310px;
  display: inline-block;

}


.primary-ctas .btn-primary:hover, .primary-ctas .btn-secondary {

  background-color: #fff;
  border: 3px solid #000;
  color: #000; 

}

.primary-ctas .btn-primary, .primary-ctas .btn-secondary:hover {

  background-color: #000;
  border: 3px solid #000;
  color: #fff; 
  
}

.feature-hero, .how-it-works, .better-way {
 padding: 100px 0 100px 0; 
}

.feature-hero .col-lg-10 {
  margin: 0 auto; 
}

.feature-hero { margin: 150px auto 150px auto; }

.feature-hero h1, .lead-p { text-align: center;}

.feature-hero .lead-p {font-size: 1.8rem; font-weight: 600; }


.lead-p {
  font-size: 2.9rem;
}

.sect {

  height: 900px; 
}

/**---- SECTION: PROJECT CTAS -----**/
.projectctas-container {

    padding: 500px 0 500px 0; 
}
.project span { font-size: 1.1rem; display: block; font-style: italic; color:#555; margin: 24px 0 24px 0; }




/**---- SECTION: MEET THE PRODUCT DESIGNER -----**/
.meet-me {
  padding: 0 0 100px 0; 
}
.bio-header {
  padding-bottom: 65px;
}


/**---- SECTION: PRICING TABLES -----**/


.nav.nav-tabs {
  margin-bottom: 55px; 
}

.pricing-entry {
  margin: 0 auto; 
  width: 405px; 
  height: 850px; 
  border: 1px solid #EAEAEA;
  border-radius: 24px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(0, 0, 0, 0.1);

}


#starter {
  background: rgb(71,244,182);
  background: -moz-linear-gradient(146deg, rgba(71,244,182,.5) 0%, rgba(77,196,247,0) 60%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(146deg, rgba(71,244,182,.5) 0%, rgba(77,196,247,0) 60%, rgba(255,255,255,1) 100%);
  background: linear-gradient(146deg, rgba(71,244,182,.5) 0%, rgba(77,196,247,0) 60%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#47f4b6",endColorstr="#ffffff",GradientType=1);
}

#pro {
  background: rgb(244,71,71);
  background: -moz-linear-gradient(146deg, rgba(244,71,71,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  background: -webkit-linear-gradient(146deg, rgba(244,71,71,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  background: linear-gradient(146deg, rgba(244,71,71,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f44747",endColorstr="#ffffff",GradientType=1);
}

#premium1 {
  background: rgb(150,71,244);
  background: -moz-linear-gradient(146deg, rgba(150,71,244,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  background: -webkit-linear-gradient(146deg, rgba(150,71,244,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  background: linear-gradient(146deg, rgba(150,71,244,0.6041010154061625) 0%, rgba(255,255,255,1) 62%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9647f4",endColorstr="#ffffff",GradientType=1);

}

.pricing-entry h3 {
  text-align: center;
}