@charset "utf-8";
/* CSS Document */

body
{
		font-family:roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:14px;
		color:#FFF;
		background:#000000;
		background-color:#000;
		text-align:left;
		line-height:20px;
		
}



a
{
	color:#FFF;
	text-decoration:none;
}

.footer
{
		font-family:roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:10px;
		color:#FFF;
		text-align:center;
		line-height:20px;
		padding-bottom:50px;		
}

/*.wrapper
{
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
	width:100%;
	height:100%;
	
	margin:0 0 0 0;
	vertical-align:top;
}*/

/*@media(min-width:120px){


.logo {
  margin : 50px 2% 0px 2%;
  width:166px; 

}

.Flags {

  position : absolute;
  left : 2%;
  right: 2%;
  top : 75px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  text-align:right;


}


.content {

  margin : 0px 10px 0px 10px;
  padding : 0px 5px 220px 5px;
  background:center;
  background-size: 90%;
  min-width:100px;
  max-width:279px;  
}

td
{
	font-size:13px;
	padding:0px;
}
}*/
 /*and (max-width:384px)*/
@media(min-width:280px){


.logo {
  margin : 50px 2% 0px 2%;
  width:166px; 

}

.Flags {

  position : absolute;
  left : 2%;
  right: 10%;
  top : 75px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  text-align:right;


}


.content {

  margin : 0px 10px 0px 10px;
  padding : 0px 30px 350px 30px;
  background:center;
  background-size: 500px 500px;
  min-width:200px;
  max-width:280px;  
}
}
/* and (max-width:960px)*/
@media(min-width:385px){

.logo {
  margin : 50px 2% 0px 2%;
  width:166px; 
}

.Flags {
  position : absolute;
  left : 2%;
  right: 8%;
  top : 75px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  text-align:right;
}


.content {
  margin : 0px 10px 0px 10px;
  padding : 0px 30px 180px 30px;
  background:right);
  min-width:250px;
  max-width:960px;  
  padding-bottom:; 
}
}

@media (min-width:961px){
.logo {
	
  margin : 50px 25% 0px 25%;
  width:166px; 

}

.Flags {

  position : absolute;
  left : 40%;
  right: 30%;
  top : 75px;

  padding-left : 10px;
  z-index : 3;
  color : #000000;
  text-align:right;


}


.content {
  margin : 0px 25% 50px 25%;
  padding: 0px 30px 120px 30px ;
  background:right;  
  min-width:250px;
  max-width:980px;
}
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight: 600;
}

li a:hover {
   color: #c60000;
   font-weight: 600;
}

.active{
  color: #c60000;
  font-weight: 600;
}

.image-wrapper img{
    max-width:100% !important;
    height:auto;
    display:block;
}