@font-face {
	font-family: "Gravity Regular";
	src: url(/fonts/Gravity-Regular.f4194841.woff);
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: "Gravity Bold";
	src: url(/fonts/Gravity-Bold.b373d768.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

::selection {color:#333; background:#CEEDDD; opacity:0.7;}
::-moz-selection {color:#333; background:#CEEDDD; opacity:0.7;}


a:link { color:black; font-weight:bold; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:focus { color:black; text-decoration:none; }
a:hover { background-color:#2afec5; text-decoration:none; font-weight:bolder; opacity:1 }
a:active { text-decoration:none; opacity:1 }

a.image:hover { background:none; opacity:0.7; }

.Unicode {
        font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL",
            "Chrysanthi Unicode", "Bitstream Cyberbit",
            "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
            "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif",
            "Lucida Sans Unicode";
        font-family /**/:inherit; /* resets fonts for everyone but IE6 */
}

body {
	background-color: #fff;
	font-family: "Gravity Regular", sans-serif;
}

* { 
	box-sizing: border-box;
}

.home { 
	background: url(./images/bg2.svg);
	height: auto;
	background-size: 210%;
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #e5f2e6;
	margin: auto;
}

@media only screen and (max-width: 800px) {
   	.home {
		background-size: 330%;
		}
	.content { 
		width: 100%;
		}	
}

.content {
	max-width: 1100px;
	margin: auto;
	padding: 0.3em;
}

.blockcontainer { 
	width: 100%; 
}

.block45 {
  	float: left;
  	width: 45%;
  	margin-top: 0.5em;
}

.block55 {
  	float: left;
  	width: 55%;
  	margin-top: 0.5em;
}

.claim {
	font-family: "Gravity Regular", sans-serif;
	color: #333;
	text-shadow: 0 0 3px #fff; ;
	font-size: 1.1em;
	font-weight: normal; 
	font-style: italic;
	padding-bottom: 1em;
	padding: 0.5em 0.5em 0 0.3em;
}

.menu {
	font-family: "Gravity Bold", sans-serif;
	color: black;
	font-size: 1.2em;
	line-height: normal;
	margin: 0.9em 0 0.9em 0;
}

.random {
	background-color: white;
	max-height: 300px;
	padding: 0.3em 0.7em;
	overflow: auto;
}

.randomheader {
	font-family: "Gravity Regular", sans-serif;
	font-size: 1em;
	line-height: normal;
	color: #1fbb9e;
	margin-bottom: 0.5em;
}

.random1 { 
	font-family: "Gravity Bold", sans-serif;
	font-size: 0.9em;
	line-height: normal;
	text-transform: lowercase;
	font-style: normal;
}

.random2 { 
	font-family: "Gravity Regular", sans-serif;
	font-size: 0.9em;
	line-height: normal;
	font-style: normal;
}


.back {
	text-align: right;
	font-size: 0.9em;
}

.right { text-align: right; }

@media only screen and (max-width: 600px) {
	.white {
		padding: 0;
		margin-top: 0.5em;
		}
	.menu { font-size: 1em; }
	.claim { font-size: 0.9em; }
	.randomheader { font-size: 0.9em; }
    .random { max-height: 200px; }
}


/* search mask */

.white {
	width: 100%;
	background-color: white;
	border: 3px solid #2afec5;
	padding: 1em;
	margin-top: 1em;
}

.col20 {
  	float: left;
  	width: 20%;
    margin-top: 0.5em;
}

.col80 {
  	float: left;
  	width: 80%;
    margin-top: 0.5em;
}

.row:after {
  	content: "";
  	display: table;
  	clear: both;
}

select {
	width: auto;
  	padding: 0.3em 0.2em;
  	border: 1px solid #e5f2e6;
 	color: black;
	font-family: "Gravity Regular", sans-serif;
 	font-style: italic;
 	font-size: 0.9em;
 	background-color: #e5f2e6;
  	cursor: pointer;
  	margin-bottom: 1em;
}

select:focus {
  	outline: 1px solid #e5f2e6;
}

input[type=submit] {
	font-family: "Gravity Regular", sans-serif;
	font-size: 0.9em;
  	background-color: #2afec5;
 	border: none;
  	color: black;
  	padding: 0.3em 1em 0.4em;
  	text-align: center;
  	cursor: pointer;
  	margin: 0 0 1em 1em;
}

input[type=submit]:hover {
  background-color: #2AE5C5;
}

input[type=text] {
  	width: auto;
  	padding: 0.25em;
  	border: 3px solid #2afec5;
}

input[type=text]:focus {
  	background-color: #e5f2e6;
  	outline: 1px solid #2afec5;
}

label { 
	font-family: "Gravity Bold", sans-serif;
	font-size: 1em;
	color: #0D9690; /* old logo color */
	line-height: 2em;
}

.or1 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1em;
	font-style: italic;
	color: #0D9690;
	margin-right: 0.25em;
}

.or2 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.5em;
	font-style: italic;
	color: #2afec5;
	line-height: 1.5em;
	margin-bottom: 0.25em;
}

@media screen and (max-width: 600px) {
  	select, input[type=text] {
    	width: 93%;
    	margin: 0.25em 0 0.5em;
  	}
  	.col20, .col80 {
    	width: 100%;
  	}
  	input[type=submit] { 
  		width: 93%;
  		margin: 0.5em 0 1em 0;
  	}
  	.or1 { 
  		font-size: 0.9em;
  		margin-right: 0;
  	}
}

/* end of search mask */

.accordion {
 	font-family: "Gravity Bold", sans-serif; 	
  	background-color: white;
  	color: #333;
  	cursor: pointer;
  	padding: 0.4em;
  	margin: 0.2em 0;
  	width: 80%;
  	border: 2px solid #2afec5;
  	text-align: left;
  	outline: none;
  	font-size: 1em;
  	transition: 0.5s;	
}

.active, .accordion:hover {
  background-color: #2afec5; 
}

.panel {
  	padding: 0.3em 1em;
  	display: none;
  	background-color: white;
  	overflow: hidden;
  	font-family: Gravity, sans-serif; 	
  	font-size: 0.9em;
	line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
	.accordion {
		width: 100%;
		}
}

.center { text-align: center; }
	
h1 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #1fbb9e;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.25em;
	color: #1fbb9e;
	margin-bottom: 20px;
	margin-top: 20px;
}

h3 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.2em;
	color: #1fbb9e;
}

h4 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.2em;
	color: #1fbb9e;
}

h5 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.75em;
	color: #0D9690; /* old logo color */
	background-color: white;
	padding: 2em;
}

h6 {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.1em;
	color: #0D9690; /* old logo color */
}

.headline {
	font-family: "Gravity Bold", sans-serif;
	font-size: 1.1em;
	font-style: initial;
	color: #0D9690; /* old logo color */
}


span {
	font-family: "Gravity Regular", sans-serif;
	color: black;
	font-size: 1em;
	font-style: italic;
}

p {
	font-family: "Gravity Regular", sans-serif;
	color: #333;
	font-size: 1em;
	line-height: normal;
}

td {
	font-family: "Gravity Regular", sans-serif;
	color: #333;
	font-size: 1em;
}

ul { 
	list-style-image: url('./images/bullet.svg'); 
	margin: 1em;
	padding: 0em;
}
	
li { 
	font-family: "Gravity Regular", sans-serif;
	color: #333; 
	font-size: 1em; 
}

.caption, figcaption {
	font-family: "Gravity Regular", sans-serif;	
	color: #077377; /* logo 2017 color */
	font-size: 0.75em; 
	font-style: italic;
}

.email {
	font-family: "Gravity Regular", sans-serif;
	color: #1fbb9e;
	font-style: italic;
}

img[alt] {
	font-family: "Gravity Regular", sans-serif;
	color: #077377;
	font-size: 0.5em;
	font-style: italic;	
}

img.logo1 {
	width: 200px;
	height: auto;
}
img.logo2 {
	width: 100px;
	height: auto;
	margin-left: 1em;
}
img.logo3 {
	width: 55px;
	height: auto;
	margin-left: 1em;
}
img.logo4 {
	width: 100%;
	max-width: 440px;
	height: auto;
}

@media only screen and (max-width: 800px) {
	img.logo1 {
		max-width: 150px;
		height: auto;
 		}  
  	img.logo2 {
		max-width: 65px;
		height: auto;
		margin: 0 0.5em;
  		}
  	img.logo3 {
		max-width: 30px;
		height: auto;
		margin-left: 0.1em;
  		}
	img.logo4 {
		width: 100%;
		max-width: 250px;
		height: auto;
		}
	img.socialleft {
		max-width: 14px;
		height: auto;
		margin: 0.5em 0.2em 0 0;	
		}
	img.social {
		max-width: 14px;
		height: auto;
		}
	img.project1 {
		max-width: 40px;
		height: auto;
		margin: 0.3em 0 0 0.5em;
 		}
  	img.project2 {
  		display: none;
		width: 40px;
		height: auto;
  		}
 	img.project3 { max-width: 40px; }  
	img.landscape {
		width: 100%;
		max-width: 300px;
		height: auto;
		}
	img.portrait {
		width: 100%;
		max-width: 150px;
		height: auto;
		}
}

img.social {
	width: 20px;
	height: auto;
	margin: 0 0 0.5em 0.75em;
}

img.socialleft {
	width: 20px;
	height: auto;
	margin: 0.5em 1em 0 0;
}

img.project1, img.project2 {
	width: 50px;
	height: auto;
	margin: 0.7em 0 0 0.9em;
}

img.project3 {
	width: 50px;
	height: auto;
	margin: -0.4em 0 0 0.9em;
}

img.dots {
	width: 50px;
	height: auto;
	margin: 0 7em;
}

img.landscape {
	max-width: 600px;
	height: auto;
}

img.portrait {
	max-width: 300px;
	height: auto;
}

figure {
  display: inline-block;
  margin: 1em;
}

.valign {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}  
  
.container {
  height: auto;
  position: relative;
}

/* list fat */

.criteria1 { 
	font-family: "Gravity Regular", sans-serif;
	color: #1fbb9e; 
	font-weight: normal; 
	font-size: 1.25em; 
	line-height: 1; 
}
	
.criteria2 { 
	font-family: "Gravity Bold", sans-serif;	
	color: #1fbb9e; 
	font-weight: bold; 
	font-size: 1.25em; 
	line-height: 1; 
}

.text1 { 
	font-family: "Gravity Regular", sans-serif;
	color: black; 
	font-size: 1em; 
	line-height: normal; 
	font-style: normal;
}

.text2 { 
	font-family: "Gravity Regular", sans-serif;	
	color: #333; 
	font-size: 1em; 
	line-height: normal; 
	font-style: normal;
}

a.text2{
	font-family: Gravity, sans-serif;	
	color: black !important;
}