@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,300italic,600,600italic");

/* For PC users w/ screens bigger than 800 px */

*, html {padding:0; margin:0;}

body {
	background-color: #59c5c7;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
}

p{
	margin-bottom: 20px;
}


.large_text{
	font-weight: 200;
	color: #d91515;
	font-size: 36px;

}


.bold_text{
	font-weight: 600;
}

.red_text{
	color: #d91515;
}

.br_text{
	font-weight: 600; 
	color: #d91515;
}

.bb_text{
	font-weight: 600; 
	color: #000000;
}

.under_text{
text-decoration: underline;
}

.header_image{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#content, #header, #footer, .content_text, #lang_menu_container{
display: block;
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#footer{
	text-align: center;
  color: #FFFFFF;
}
a.footer_link, a.footer_link:hover, a.footer_link:active {
  color: #FFFFFF;
	text-decoration: underline;
}

a.footer_link:hover {
  color: #FFFFFF;
	text-decoration: none;
}

#lang_menu{
	display: block;
	width: 60px;
	background-color: #FFFF00;
	position: absolute;
	margin-left: 640px;
}


a.lang_link, a.lang_link:hover, a.lang_link:active {
	font-size: 16pt;
	font-weight: 100;
	transition: 0.5s;
	display: block;
	width: 100%;
	background-color: #ed1c24;
	text-align: center;
	padding-bottom: 4px;
	color: #FFFFFF !important;
	text-decoration: none;
	float: left;
}
a.lang_link:hover {
	background-color: #000000;
}




#content, .content_text {
background-color: #FFFFFF;
}

.content_text {
	width: 680px;
	padding: 10px;
}

#menu1, #menu2{
	float: left;
	width: 50%;
	overflow-x: hidden;
	overflow-y: hidden;
}


a.header_link, a.header_link:hover, a.header_link:active, a.header_link_active, a.header_link_active:hover, a.header_link_active:active {
	font-size: 16pt;
	font-weight: 100;
	transition: 0.5s;
	display: block;
	width: 50%;
	background-color: #ed1c24;
	text-align: center;
	padding-bottom: 4px;
	
	color: #ffffff;
	text-decoration: none;
	float: left;
}
a.header_link:hover, a.header_link_active:hover {
	background-color: #ffffff;
  color: #000000;
}

a.header_link_active, a.header_link_active:hover, a.header_link_active:active, a.headerlink:hover{
background-color: #ffffff;
color: #000000;
}

.clear {
    clear: both;
}

.white_top{
	display: block;
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
}

a.language_button, a.language_button:hover, a.language_button:active {
	font-size: 18pt;
	font-weight: bold;
	display: block;
	width: 100%;
  background-color: #d91515;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 4px;
	color: #ffffff;
	text-decoration: none;
}
a.language_button:hover {
	background-color: #000000;
	
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

@media screen and (max-width: 740px) {
	#content, #header, #footer, .content_text, #lang_menu_container{
	width: 460px;
	}
	
	.content_text{
	width: 440px;
	}

	.large_text{
		font-size: 32px;
	}
	
	#lang_menu{
	width: 40px;
	margin-left: 420px;
	}	
}


@media screen and (max-width: 515px) {
	#content, .content_text{
	width: 220px;
	}
	
	.content_text{
	width: 200px;
	}
	
	.large_text{
		font-size: 24px;
	}
	
	#header, #footer, #lang_menu_container{
	width: 100%;
	}
	
	#lang_menu{
	width: 10%;
	margin-left: 90%;
	}	
	
	
	a.header_link, a.header_link:hover, a.header_link:active, a.header_link_active, a.header_link_active:hover, a.header_link_active:active, a.lang_link, a.lang_link:hover, a.lang_link:active {
		font-size: 12pt;
	}

}