/* TEMP */
	@media (min-width:1180px) {  }
	@media (min-width:1560px) {  }


body { max-width: 1000px; padding: 25px }

	@media (min-width:1180px) { body { padding: 50px } }


/* CORE */
* {
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased; 
	-webkit-tap-highlight-color: transparent;
	list-style: none; 
	padding: 0;
	margin: 0;
	border-collapse: inherit;
	-webkit-transition: all 1s 0s ease-out;
	-moz-transition: all 1s 0s ease-out;
	-o-transition: all 1s 0s ease-out;
	-ms-transition: all 1s 0s ease-out;
	transition: all 1s 0s ease-out }

*:focus {
  outline: none }

:root {
  --primary: #4b3b15;
  --secondary: #549bcd;
  --blue: #3399ff;
  --green: #23a181;
  --dark: #101820 }

html, body {
	cursor: default;
	scroll-behavior: smooth; 
	margin: auto }

a {
	color: inherit;
	text-decoration: none }

img {
	display: block;
	max-width: 100% }


/* TYPOGRAPHY */
html, body {
  font-family: azo-sans-web, sans-serif;
  font-size: 18px;
  line-height: 28px;
  overflow-x: hidden }

	@media (min-width:1560px) { html, body { font-size: 22px; line-height: 34px }}

p { 
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	font-weight: normal }
	
	@media (min-width:1560px) { p { font-size: 22px; line-height: 34px }}


/* H1 */
h1 {
	font-size: 26px;
	line-height: 28px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase }

	@media (min-width:1180px) { h1 { font-size: 28px; line-height: 30px }}
	@media (min-width:1560px) { h1 { font-size: 36px; line-height: 40px }}


/* H2 */
h2 {
	font-size: 22px;
	line-height: 24px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase }

	@media (min-width:1180px) { h2 { font-size: 28px; line-height: 30px }}
	@media (min-width:1560px) { h2 { font-size: 36px; line-height: 38px }}

h2 span { font-weight: 300; font-style: italic }


/* BUTTONS */
a.btn { 
	display: inline-flex; 
	min-height: 35px;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--dark);
	padding: 15px 25px;
	border-radius: 2px;
	background: -webkit-linear-gradient(0deg,#49C0FC 0%,var(--blue) 100%);
	background: -moz-linear-gradient(0deg,#49C0FC 0%,var(--blue) 100%);
	background: -o-linear-gradient(0deg,#49C0FC 0%,var(--blue) 100%);
	background: -linear-gradient(0deg,#49C0FC 0%,var(--blue) 100%);
	background-color: var(--blue);
	transition: all 0.5s ease-in-out 0s;
	cursor: pointer }

	@media (min-width:1180px) { a.btn { min-height: 60px; font-size: 20px; line-height: 30px; padding: 15px 30px }}
	@media (min-width:1560px) { a.btn { font-size: 20px; line-height: 30px }}

a.btn:hover { 
	color: var(--dark);
	transform: scale(0.9);
	background: transparent;
	border: 1px solid var(--blue);
	border-radius: 45px }


a.btn.light {
	color: var(--dark);
	border: 1px solid var(--blue);
	background-color: transparent }

a.btn.light:hover {
	color: #FFFFFF;
	border: 0;
	background: var(--blue) }