/*font-family: 'Montserrat', sans-serif;
font-family: 'Shrikhand', cursive;
font-family: 'PT Serif', serif;*/


/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
	font-family: 'Montserrat', sans-serif;	
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-kerning: auto;
	text-rendering: optimizelegibility;
	color: #000;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 { line-height: 1.06; letter-spacing: -0.06rem;  }
h2 { line-height: 1.14; letter-spacing: 0.0rem;  font-weight: 700; }
h3 { line-height: 1.16; letter-spacing: 0.0rem;  font-weight: 400; font-family: 'PT Serif'; font-style: italic;}
h4 { line-height: 1.25;  letter-spacing: 0.0rem; font-weight: 700; font-weight: 300;}
h5 { line-height: 1.35;  letter-spacing: 0.05rem;  }
h6 { line-height: 1.25; letter-spacing: 0.0rem;  font-weight: 700; }
p  { line-height: 1.5;  letter-spacing: 0.0rem;  font-weight: 500; }
.page-title { line-height: 1.06; letter-spacing: 0.0rem;  font-weight: 500; font-family: 'Shrikhand', cursive;}
.page-title { font-size: 3.0rem; }


h1 { font-size: 3.25rem;}
h2 { font-size: 4.2rem; }
h3 { font-size: 2.8rem; }
h4 { font-size: 2.2rem; }
h5 { font-size: 1.7rem; }
h6 { font-size: 2.0rem; }
p  { font-size: 1.6rem; }
/*p  { font-size: 1.4rem; }*/

@media (min-width: 350px) {
  .page-title { font-size: 4.0rem; }
}

@media (min-width: 768px) {
  h1 { font-size: 4.5rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 1.8rem; }
  p  { font-size: 1.6rem; }
  .page-title { font-size: 5.6rem; }
}

@media (min-width: 1024px) {
  h1 { font-size: 6.0rem; }
  h2 { font-size: 4.2rem; }
  h5 { font-size: 2.1rem; }
  .page-title { font-size: 7.6rem; }
}

@media (min-width: 1244px) {
  h1 { font-size: 6.0rem; }
  h2 { font-size: 4.2rem; }
  h5 { font-size: 2.4rem; }
  .page-title { font-size: 8.8rem; }
}


.details_text p {
  font-size: 1.4rem;
  margin: 4px 0 !important;
}


h4 strong {font-weight: 700;}



/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  -moz-transition: all 0.2s ease-in,all 0.25s ease-out;
  -o-transition: all 0.2s ease-in,all 0.25s ease-out;
  -webkit-transition: all 0.2s ease-in,all 0.25s ease-out;
  transition: all 0.2s ease-in,all 0.25s ease-out;
  color: #000;
  font-weight: 700;
  text-transform: none;
  text-decoration: none;
  color: #eb0f8b;
}

a:hover {
}



/* Copy Block - Individual Type Style Overrides */
.copy-block p {
  margin: .8rem 0 1.6rem;
  letter-spacing: 0.015rem;
  line-height: 1.65;
}
  @media (min-width: 768px) {
    .copy-block p {
      margin: 1rem 0 2rem;
    } 
  }
  .copy-block p:first-child {margin-top: 0;}
  .copy-block p:last-child  {margin-bottom: 0;}


.copy-block h1 {margin: 4.5rem 0 1.25rem}
.copy-block h2 {margin: 4.5rem 0 1.25rem}
.copy-block h3 {margin: 4.5rem 0 1.25rem}
.copy-block h4 {margin: 4.5rem 0 1.25rem}
.copy-block h5 {margin: 4.5rem 0 1.25rem}
.copy-block h6 {margin: 4.5rem 0 1.25rem}


.copy-block h1:first-child {margin-top: 0}
.copy-block h2:first-child {margin-top: 0}
.copy-block h3:first-child {margin-top: 0}
.copy-block h4:first-child {margin-top: 0}
.copy-block h5:first-child {margin-top: 0}
.copy-block h6:first-child {margin-top: 0}
/* Copy Block - Individual Type Style Overrides */