/* /////////////////////////// TYPOGRAPHY ///////////////////////////// */ 

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;600&display=swap');

body { font-family: 'Chakra Petch', helvetica, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-weight: 300; }

h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Chakra Petch', 'Helvetica Neue', helvetica, arial, sans-serif; color: #FFF; font-weight: 300; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #FFF; text-decoration: none; }

h1 { font-size: 25px; line-height: 35px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; text-transform: uppercase; }
h2 { font-size: 22px; line-height: 25px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; }
h3 { font-size: 18px; line-height: 25px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; }
h4 { font-size: 16px; line-height: 21px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; }
h5 { font-size: 15px; line-height: 21px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; }
h6 { font-size: 14px; line-height: 21px; margin: 0 0 10px 0; font-weight: 300; color: #FFF; }

p { font-size: 14px; line-height: 25px; margin: 0 0 10px 0; color: #EEE; font-weight: 300; }

small { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; color: #FFF; font-weight: 400; }
em { font-style: italic }
strong { font-weight: bold }
a, a:visited { color: #21677b; text-decoration: underline; outline: 0; }
a:hover,a:focus { color: #21677b; }
p a, p a:visited { line-height: inherit; }

ul { list-style: circle outside; padding: 20px; }
ul li { padding-left: 10px; margin: 0 0 15px 0; color: #EEE; line-height: 20px; font-size: 14px; font-weight: 400; }

.tp-caption.Creative-Title, .Creative-Title { font-family: 'Chakra Petch', helvetica, arial, sans-serif !important; font-weight: 200 !important; color: #FFF; }

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #FFF !important; }
.text-light p { color: #CCC; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// START OF RESPONSIVE STYLES /////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */





@media screen and (orientation: landscape) and (max-width: 768px) {


}

@media screen and (orientation: portrait) {


}

/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

@media screen and (min-width: 480px) {

	h1 { font-size: 25px; line-height: 35px; }
	h2 { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
  	h3 { font-size: 18px; line-height: 25px; margin: 20px 0; }
	
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

@media screen and (min-width: 480px) {

	h1 { font-size: 35px; line-height: 45px; }
	h2 { font-size: 25px; line-height: 35px; margin-bottom: 10px; } 
  	h3 { font-size: 18px; line-height: 25px; margin: 20px 0; } 

}

/* //////////////////////////////// big ipad version //////////////////////////////// */

@media screen and (min-width: 768px) {

	body { font-size: 14px; }
	h1 { font-size: 40px; line-height: 50px; }
	h2 { font-size: 30px; line-height: 40px; margin-bottom: 15px; }
	h3 { font-size: 20px; line-height: 30px; }
	h4 { font-size: 19px; line-height: 24px; }
	h5 { font-size: 17px; line-height: 21px; }
	h6 { font-size: 15px; line-height: 21px; }

}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

@media screen and (min-width: 960px) {

	h1 { font-size: 45px; line-height: 55px; margin-bottom: 20px;  }
	h2 { font-size: 35px; margin-bottom: 25px; }
  	h3 { font-size: 25px; margin: 25px 0; }
  	p { font-size: 16px; }
  	ul li { font-size: 16px;}
  	form label { font-size: 18px; line-height: 18px; font-weight: 400; }

}

/* //////////////////////////////// very wide version //////////////////////////////// */ 

@media screen and (min-width: 1200px) {

	h1 { font-size: 50px; line-height: 60px; margin-bottom: 20px;  }

  	ul li { font-size: 16px; }

}

/* //////////////////////////////// extra wide version //////////////////////////////// */ 

@media screen and (min-width: 1500px) {

	h1 { font-size: 60px; line-height: 70px; margin-bottom: 20px;  }

}

/* //////////////////////////////// extra extra wide version //////////////////////////////// */ 

@media screen and (min-width: 2000px) {



}