/* CSS Document */

body
{
	border: 0;
	margin: 0;
	padding: 0; 
}

b
{
	color: #E6E8E6;
	padding: 10vh 2vw;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	vertical-align: bottom;
}

h1 a
{
	text-decoration: none;
}

h2
{
	font-size: 2.2vw;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: #000000;
}

h4
{
	font-size: 2vw;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: #b02a2a;
	text-align: left;
	display: flex;
}

h5
{
	color: #475841;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 5vh;
}

h6 {
	color: #475841;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4vh;
}

#wrapper
{
	width: 100%;
	height: 100%;
	background-color: #e6e8e6;
}

.top-border
{
	height: 5vh;
	background-color: #475841;
	width: 100%;
}

#top
{
	width: 100%;
}

#search 
{
	padding-top: 4vh;	
	float: right;
	margin: 2vh 3vw;
}

#search table td
{
	text-align: right;
	width: 100%;
}

#search input 
{
	border: 2px #9fb8ad solid;
	border-radius: 4px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 2.6vh;
	padding: 2px 0;
}

#search select 
{
	border: 2px #9fb8ad solid;
	border-radius: 4px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 2.6vh;
	padding: 2px 0;
}

#submit
{
	height: 2.9vh;
	float: left;
	
}

select
{
	font-size: 2vh;
}

#logo
{
	color: #9fb8ad;
	font-size: 5vh;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	float: left;
	width: 40vw;
	margin-left: 2vw;
}

.flex-container 
{
  	display: flex;
  	font-size: 30px;
  	flex-wrap: wrap;
  	text-align: center;
	clear: both;
	width: 100%;
	justify-content: space-around;
}

.flex-container > div
{
	text-align: center;
}

.flex-container a 
{
	color: #9FB8AD;
	font-size: 4vh;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	text-decoration: none;
	background-color: #475841;
	border: 2px #475841 solid;
	border-radius: 50%;
	margin: 20px 0;
	text-align: center;
	padding: 1vh;
}

.flex-container a:hover
{
	background-color: #9FB8AD;
	border: 2px #475841 solid;
	border-radius: 50%;
	color: #475841;
	transition: all 0.8s;
}

.flex-item-left {
  
  	padding: 50px;
	margin: 0 20px;
	width: 20%;
	height: 20%;
  
}

.flex-item-midle {
  	padding: 50px;
	margin: 0 20px;
}

.flex-item-right {
  padding: 50px;
	margin: 0 20px;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 1000px) {
  .flex-item-right, .flex-item-midle, .flex-item-left {
    flex: 100%; 
	  
}
	.flex-left, .flex-right {
		flex: 100%;
	}
	
	#search input
	{
		flex: 100%;
		display: flex;
	}
	
	#bottom-border
	{
		text-align: left;
		padding-left: 2vh;
	}
	#bottom-right li
	{
		padding-bottom: 5vh;
	}
	
	#bottom-left
	{
		text-align: left;
	}
	
#box-l
{
	float: right;
	width: 100%;
	padding: 8vh 2vw;
}

#box-r
{
	float: left;
	width: 100%;
	padding: 2vh 2vw;
}
	
#flex-box
{
	display: flex;
	flex-wrap: wrap;
}
#cookie
	{
		flex: 99%;
		display: flex;
		flex-wrap: wrap;
	}

}

#flex-box
{
	display: flex;
	flex-wrap: wrap-reverse;
	text-align: center;
}
	
#flex-box > div
{
	text-align: center;
}

.flex-left
{
	width: 60%;
	padding: 8vh 2vw;
	text-align: justify;
}

#content
{
	margin: 5vh 0;
}
	
.flex-right
{
	width: 30%;
	padding: 2vh 2vw;
}

.flex-right h3
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3.5vh;
}

.flex-right p
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	text-align: justify;
	padding: 2vh;
}


#menu
{
	width: 80%;
	margin: 0 10%;
}



#box-l
{
	float: left;
	width: 58%;
	padding: 8vh 2vw;
}

#box-r
{
	float: right;
	width: 30%;
	padding: 2vh 2vw;
}

#box-r h3
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4.5vh;
}

#box-r p
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4vh;
}

.flex-left h3
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4vh;
}
.flex-left h4
{
	font-size: 4vh;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: #b02a2a;
}

.flex-left i
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	float: right;
	margin-bottom: 4vh;
}

.flex-left p
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	text-align: justify;
	clear: right;
}

.flex-left form table
{
	text-align: left;
	width: 100%;

}

.flex-left form table tr
{
	height: 10vh;
}

.flex-left form table td
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4vh;
	height: 100%;
	width: 30%;
	padding: 0 2vw;
	
}

.flex-left form table td input
{
	height: 50%;
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	font-style: italic;	
	width: 100%;
	min-width: 50%;
	border: 1px #3F403F solid;

}

.flex-left form table td input:focus
{
	color: #E6E8E6;
	background-color: #3F403F;
}

.flex-left #submit
{
	cursor: pointer;
	height: 50%;
}

.flex-left #submit:hover
{
	color: #E6E8E6;
	background-color: #3F403F;
}

.flex-left textarea
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	font-style: italic;
	max-width: 100%;
	min-width: 50%;
	resize: none;
	
}

.flex-left textarea:focus
{
	color: #E6E8E6;
	background-color: #3F403F;
}

.flex-left select
{
	height: 50%;
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 3vh;
	font-style: italic;	
	width: 100%;
	min-width: 50%;
	border: 1px #3F403F solid;
	background-color: #FFFFFF;
}

#pagination
{
	color: #3F403F;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 4vh;
}

#pagination a
{
	text-decoration: none;
	color: #3F403F;
}

.awork							
{
	text-decoration:underline;
	color:#b02a2a;
}

.nwork
{
	color:#4f3b12;
	text-decoration:none;
}

#cookie
{
	width: 99%;
	background-color: #9FB8AD;
	text-align: justify;
	position: fixed;
	top: 5vh;
	padding: 5px 10px 5px 10px;
	z-index: 2000;
	border: 1px #475841 solid;
	box-shadow: 5px 10px 20px #475841 ;
}
#cookie p
{
	color: #3F403F;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 25px;
	margin-right: 15px;
}
#cookie a
{
	color: #fff;
	font-style: italic;
}

#cookie button
{
	padding: 10px;
	border: 1px #9FB8AD solid;
	border-radius: 8px;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 25px;
	margin-left: 3vw;
	background-color: #475841;
	color: #9FB8AD;
	cursor: pointer;
}

#bottom-border
{
	width: 100%;
	padding-bottom: 10vh;
	background-color: #475841;
	clear: both;
	padding-top: 4vh;
}
#bottom-right
{
	width:98%;
	margin-right: 6vh;
	float:right;
}

#bottom-right ul
{
	float:right;
}

#bottom-right ul li
{
	float:left;
	list-style-type:none;
	margin:0 2vh;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size:2vw;
	color:#E6E8E6;
}

#bottom-right ul li a
{
	color:#E6E8E6;
	text-decoration:none;
}

#bottom-right ul li a:hover
{
	text-decoration:underline;
}

#terms
{
	width:97%;
	margin-left:2vh;
	
}

#terms p
{
	font-size:2vw;
	font-weight:bold;
	line-height:4.5vh;
	text-align:justify;
	text-indent:20px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color:#475841;
	text-shadow: 1px 1px #eadec6;
}

.terms-btn
{
	width:100%;
	display:flex;
	padding-bottom: 3vh;
}

.stg
{
	justify-self: flex-start;
}

.dr
{
	justify-self: flex-end;
	margin-left:auto;
}

.terms-page
{
	margin-bottom: 5vh;
}


.terms-page
{
	margin-bottom: 4vh;
}
.terms-page ul li
{
	font-size:2vw;
	font-weight:bold;
	text-align:justify;
	line-height:4.5vh;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color:#475841;
	text-shadow: 1px 1px #eadec6;
}

.terms-page ul li a
{
	color:#475841;
}

.terms-page ul li ul li
{
	list-style-type:circle;
}

.terms-page ol li
{
	font-size:2vw;
	font-weight:bold;
	text-align:justify;
	line-height:4.5vh;
	list-style-type:lower-latin;
	color:#475841;
}