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

@import url('https://fonts.googleapis.com/css?family=Biryani:400,800|Raleway');

body { font-family: 'Raleway', 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: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif; color: #666; font-weight: 400; }

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

h1 { 
	font-size: 30px; line-height: 40px; margin: 0 0 20px 0; 
	font-family: 'Raleway', helvetica, arial, serif; font-weight: 200; color: #666; padding: 0; letter-spacing: 0; display: inline-block; 
}

h2 { font-size: 20px; line-height: 30px; margin: 0 0 20px 0px; font-weight: 300; color: #666; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif; }
h3 { font-size: 20px; line-height: 30px; margin-bottom: 12px; font-weight: 300; color: #666; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif;  }
h4 { font-size: 20px; line-height: 30px; margin-bottom: 12px; font-weight: 300; color: #666; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif;  }
h5 { font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif; }
h6 { font-size: 14px; line-height: 24px; font-weight: 300; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif; }

p { font-size: 14px; line-height: 25px; margin: 0 0 10px 0; color: #666; font-weight: 400; font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, sans-serif;  }
P:empty { display: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; }

/* Hide random p tag above unite gallery */
.gallery p { display: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; }

#menu { font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, serif; font-weight: 200; letter-spacing: 0.2em; }

#footer ul li a { font-family: 'Raleway', 'Helvetica Neue', helvetica, arial, serif; font-weight: 200; font-size: 14px; }

#footer p { color: #555; }

#footer h4 { font-size: 18px; line-height: 18px; }

small { font-size: 12px; line-height: 12px; margin: 0 0 10px 0; color: #666; font-weight: 400; }
em { font-style: italic }
strong { font-weight: bold }
a, a:visited { color: #6D8B91; text-decoration: underline; outline: 0; }
a:hover,a:focus { color: #6D8B91; }
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: #666; line-height: 20px; font-size: 14px; font-weight: 400; }

.tp-caption.Creative-Title, .Creative-Title { font-family: 'Raleway', 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; }

/* Centre text in sections */

.center .wpb_wrapper { text-align: center !important; }
.center h1, .center h2, .center h3, .center h4, .center h5, .center h6, .center p { text-align: center !important; }

.dark h2, .dark h3, .dark h4, .dark h5, .dark p { color: #FFF !important; }

.banner-bar { padding: 20px 0; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// 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: 30px; line-height: 40px; }
	h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
  	h3 { font-size: 20px; line-height: 30px; margin: 20px 0; }
	
}

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

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

	h1 { font-size: 40px; line-height: 50px; margin-bottom: 25px; padding: 20px 20px 10px 20px; }
	h2 { font-size: 30px; line-height: 40px; margin-bottom: 25px; } 
  	h3 { font-size: 20px; line-height: 30px; margin: 20px 0; } 

}

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

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

	body { font-size: 14px; }

	h1 { font-size: 40px; line-height: 50px; padding: 20px 20px 10px 20px; }
	h2 { font-size: 30px; line-height: 40px; margin-bottom: 15px; }
	h3 { font-size: 20px; line-height: 30px; }
	h4 { font-size: 20px; line-height: 30px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 16px; line-height: 20px; }

}

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

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

	h1 { font-size: 50px; line-height: 60px; padding: 20px 20px 10px 20px; margin-bottom: 25px; letter-spacing: 0.01em; }
	h2 { font-size: 35px; line-height: 45px; margin: 0 0 25px 0; }
  	h3 { font-size: 30px; margin: 40px 0; }

  	p { font-size: 16px; }
  	ul li { font-size: 16px;}
  	form label { font-size: 18px; line-height: 18px; font-weight: 400; }

  	#footer h4 { font-size: 18px; line-height: 18px;  }

}

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

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


  	ul li { font-size: 16px; }

  	#footer h4 { font-size: 20px; line-height: 20px;  }

}

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

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

/* 	h1 { font-size: 50px; line-height: 60px; margin-bottom: 50px; padding: 30px 30px 20px 30px; letter-spacing: 0.005em;  }
	h2 { font-size: 40px; line-height: 50px; margin-bottom: 35px; } */

}

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

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



}