* {
	margin: 0;
	padding:0;
  box-sizing: border-box;
}
body {
	min-height: 100%;
  font-family: 'Gentium Basic', serif;
  font-weight: 400;
  font-size: 16px;
  background: #FBFBFB;
  color: rgb(51, 51, 51);
}
.container {
  max-width: 1120px;
  width:100%;
  margin:auto;
}
.row { display:block; width: 100%; height:auto; margin:0; clear: both; }
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pad { padding: 3% 2%; }
.full_screen {
	width: 100%;
	min-height: 100vh;
	position: relative;
}
.button {
  font-family: 'Gentium Basic', serif;
  font-weight: 700;
  font-size: 2.5em;
  max-width: 85%;
  margin: 2vh auto;
  border-radius: 1em;
  padding: 0.75em 1em;
  text-decoration: none;
  background: #1abc9c;
  color: #000;
  display: inline-flex;
  box-sizing: border-box;
}
.button:hover {
  background: #15a288;
}
.login {
  font-family: 'Gentium Basic', serif;
  font-weight: 700;
  font-size: .8em;
  text-decoration: none;
  background: #1abc9c;
  color: #000;
  position: absolute;
  right: 2%;
  top: 2%;
  border-radius: 1em;
  padding: 0.75em 1em;
  display: inline-flex;
  box-sizing: border-box;
}
.login:hover {
  background: #15a288;
}
.box { 
  padding:2%;
  margin: 4vh auto;
  max-width:94%;
  background-color: rgb(255, 249, 243);
  border: 1px solid rgba(255, 149, 45, 0.5)  !important;
  font-weight: 700;
}

footer{
  background: #EEEEEE;
  color: #354052;
  margin: 0 auto;
  width: 100%;
  padding:10px 0;
  text-align: center;
  font-size: 16px;
}
footer ul{
  margin: 0 auto;
}
footer li {
  display:inline-block;
  list-style-type: none;
  line-height: 1.5em;
  padding: 0 0.5em;
}
footer a{
  text-decoration: none;
  color: #354052;
}
.credits { margin-top: 8px; }
.center {text-align:center}
.center-block{display:block;margin-right:auto;margin-left:auto;}
.clearfix { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.space { height:4vh; width:100%; display:block; clear: both; }
/* VIDEO -------------- {{{ */
.video-wrap {
	width:90%;
	margin:2vh auto 4vh;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}
/* END VIDEO }}} */


/* FONTS & COLORS -------------- {{{ */
h1,h2,h3,h4 { margin: 0; font-weight: 400; line-height: 1.3em; font-family: 'Lato', sans-serif;}
h1 { 
  font-size: 4em;
  font-weight: 700;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size:1.8em;
}
h4 {
  font-size:1.6em;
}
p {
  margin: 1.4em;
  font-size: 1.25em;
  line-height: 1.7em;
}

.light { font-weight: 300 !important; }
.strong { font-weight: 700 !important; }
.loud { font-weight: 900 !important; }

.white { color: #FFF; }
.color-1{ color:rgb(12, 129, 187);}
.bg-1{ background-color:rgb(12, 129, 187);}
.color-20{ color:rgb(15, 81, 142);}
.color-5{ color:rgba(7, 58, 55, 0.18);}
.color-2{ color:rgb(255, 166, 45);}
.color-3{ color:#1abc9c; }
.color-3a{ color:#15a288; }
.color-4 { color:rgb(234, 15, 62) }
/* END FONTS & COLORS }}} */

@media (min-width:1200px){
  body { font-size: 20px; }
  .space { height:4vh; }
}

@media (max-width:1199px) {
  body { font-size: 16px; }
}

@media (max-width:767px) {
  body { font-size: 14px; }
  h1 { font-size: 3em; }
  p { font-size: 1.5em; }
  footer { font-size: 14px; }
}

@media (max-width:499px) {
  body { font-size: 10px; }
  p { font-size: 1.6em; }
  .video-wrap { width:100%; }
}