@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Open+Sans+Condensed');

/* default styles / mobile */

html {
	background-color:#000;
	color:#000;
}

body {
	font-family:Garamond, serif;
	margin: 0;	
	padding: 0;
	border: 0;
}

#header h1 {
	font-family:Calibri, sans-serif;
	font-size:2em;
	letter-spacing:7px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	font-weight:lighter;
}

#wrapper {
	margin:auto;
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
}

#inner-wrapper {
	margin-left:20px;
	margin-right:40px;
}

h3 {
	font-size:1.4em;
	font-weight:lighter;
}

.blue {
	color:#5A9AD1;
}

.content {
	font-size:1.1em;
	text-align:justify;
}

.benefits {
	color:#5A9AD1;
	font-size:0.9em;
}

.bottom-space {
	padding-bottom:40px;
}

.box {
	border:1px solid #707070;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
}

#not-do, #to-do {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:-30px;
	margin-top:-10px;
}

#not-do h4, #to-do h4 {
	text-align:center;
	font-family:Calibri, sans-serif;
	font-size:1.3em;
	letter-spacing:3px;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:-15px;
}

#not-do h6, #to-do h6 {
	font-family:Calibri, sans-serif;
	font-size:1em;
	letter-spacing:3px;
	text-transform:uppercase;
	font-weight:lighter;
	margin-bottom:0px;
}

.center-space {
	padding-bottom:10px;
}

.underline {
	text-decoration:underline;
}

.big {
	font-size:1.7em;
	text-align:center;
}

	#check {
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(img/check.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	#times {
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(img/times.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

#padding {
	margin-left:40px;
	margin-right:40px;
}

#padding ul li, #padding .sans {
	font-family:Calibri, sans-serif;
	font-weight:lighter;
}

.instruct {
	margin-left:10px;
	margin-right:10px;
}

a:link, a:visited {
	color:#5A9AD1;
}

.class {
	clear:both;
}

.flex-container {
	padding: 0;
	margin: 0;
	list-style: none;
  
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

#footer-text p {
	font-family:Calibri, sans-serif;
	font-size:0.8em;
	letter-spacing:3px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	font-weight:lighter;
}

a:focus, a:hover {
	letter-spacing:.5px;
	transition:all .3s ease-in-out;
	transition-delay:.1s;
}


/* tablet styles */

@media only screen and (min-width: 500px) and (max-width: 850px)	{

	#header h1 {
		font-size:2.7em;
	}

	#inner-wrapper, #padding {
		margin:auto;
		width:80%;
	}

	.box {
		margin:auto;
		max-width:350px;
		margin-bottom:20px;
	}


}


/* desktop styles */

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

	#header h1 {
		font-size:4em;
	}

	#inner-wrapper, #padding {
		margin:auto;
		width:80%;
		max-width:800px;
	}

	.box {
		margin:auto;
		max-width:350px;
		margin-bottom:20px;
	}

	.flex-container {
		margin:auto;
		width:60%;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-direction: row!important;
		flex-direction: row!important;
		justify-content: center;
	}

}