@charset "UTF-8";
@font-face{font-family:GLSTINE_Font;src:url("../fonts/Font_pirate.woff2") format("woff2"),url("../fonts/font_pirate.woff") format("woff");}

:root {
	--font-primary: "Angsana New", serif;
	--font-header: "Lucida Handwriting", serif;
	--font-tertiary: "Poppins", serif;
	--color-header: #D59F19;
	--color-secondary: #BF8F00;
	--shadow: 2px 2px 4px #000000;
}

body, html {
	height: 100%;
	margin: 0;
	color: black;
	font-family: var(--font-primary);
}

h1 {
	word-break: break-word;
	color: var(--color-header);
	font-family: var(--font-header);
	line-height: 1.4074;
	font-weight: 800;
	font-size: 38px;
	margin: 0;
}
h2 {
	color: var(--color-secondary);
	font-family: var(--font-header);
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0;
	
}
/*-------------------------------------------------------
---------------------------------------------------------
                 HERO BANNER
---------------------------------------------------------
-------------------------------------------------------*/
.hero {
	max-width: 1080px;
	margin: auto;
}

.hero img {
	width: 100%;
}
/*-------------------------------------------------------
---------------------------------------------------------
                 CONTENT
---------------------------------------------------------
-------------------------------------------------------*/
.content {
	max-width: 1080px;
	margin: auto;
}
.content img {
	width: 100%;
}