/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
	color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #333;
	text-shadow: none; /* Prevent inheritance from `body` */
	background-color: #fff;
	border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
	background-color: #00AA96;
}

body {
	color: 			#fff;
	font-family:    'Work Sans', sans-serif;
	text-shadow: 	0 .05rem .1rem rgba(0, 0, 0, .5);
	/*box-shadow: 	inset 0 0 5rem rgba(0, 0, 0, .5);*/
}


@media (max-width:	599px)  { 
	body {
		font-size:     	18px; /* Fallback */ 
		font-size:      4vw;
		letter-spacing:	0.03em;
	}
	h1 {
		font-size:     	28px; /* Fallback */ 
		font-size:      8vw;
	}
}

@media (min-width:	600px)  { 
	body {
		font-size:     	14px; /* Fallback */ 
		font-size:      1.2vw;
		letter-spacing:	0.05em;
	}
	h1 {
		font-size:     	28px; /* Fallback */ 
		font-size:      3vw;
	}
}

.serif {
	font-family: 	'Source Serif Pro', serif;
	font-weight:	700;
}

.smallcaps {
	letter-spacing:	0.1em;
	font-variant:	small-caps;
	font-weight: 	600;	
}

/*
 * Footer
 */
.mastfoot {
	color: rgba(255, 255, 255, .5);
}