@import 'flexboxgrid.min.css';
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&family=Fjalla+One&display=swap');

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	background-color: #373A41;
    font-family: "Verdaba", "sans-serif";
	font-size: 1.2em;
	color: #FFFFFF;
}

body {
    overflow-y: scroll;
}

.hero {
	width: 100%;
	height: 100vh;

	background:
	linear-gradient(
	  to bottom,
	  rgba(0,0,0,0.8) 0%,
	  rgba(0,0,0,0.4) 50%,
	  rgba(0,0,0,0.4) 100%
	),
	url("img/web_Aisha-Beach-Training.jpg");
	background-size: cover;
	background-repeat: no-repeat;

	/* Focus point (x y) */
	background-position: 35% 40%;
}

img {
	max-width: 100%;
}

h1 {
	font-family: "Alumni Sans SC", sans-serif;
	font-weight: 600;
	font-size: 3em;
	margin: 0.3em 0 0.3em 0;
}

h2 {
	font-family: "Alumni Sans SC", sans-serif;
	font-weight: 600;
	font-size: 2em;
	margin: 0.3em 0 0.3em 0;
}

.teaser {
	font-family: "Fjalla One", sans-serif;
	font-weight: 400;
	font-size: 2em;
	text-align: center;
	padding: 0 2em 0 2em;
	margin: 0.3em 0 0.3em 0;
}

.color-ci01 {
	color: #EA2A8D;
}

.color-ci02 {
	color: #EBAE2A;
}

.mood-img-wrap img {
   
}

.lowres-img {
	filter: blur(0.4px) contrast(1.05) saturate(1.05);
}



.wrap {
	width: 92%;
	margin: 0 auto;
	max-width: 600px;
}
.logo {
	text-align: center;
}
.logo img {
	padding-top: 1em;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.7));
}

/* Small tablets */
@media (min-width: 600px) {
	.wrap {
	max-width: 720px;
	}
}

/* Tablets / small laptops */
@media (min-width: 768px) {
	.wrap {
	max-width: 840px;
	}
}
/* Small laptops */
@media (min-width: 1024px) {
	.wrap {
		max-width: 1000px;
	}
	.logo {
		float: right;
	}
	.row.airy {
		margin: 2em 0 2em 0;
	}
}

/* Desktop */
@media (min-width: 1280px) {
	.wrap {
		max-width: 1200px;
	}
	.row.airy {
		margin: 3em 0 3em 0;
	}
}

/* Large desktop (~1920px screens) */
@media (min-width: 1920px) {
	.wrap {
		max-width: 1800px;
	}
}