body
{
	color: #556171;
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}
@media screen and (max-width: 600px) {
  img.amplio{
    height: auto;
    width: 100%;
  }
}
img.amplio
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}

img.amplio:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-ms-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}

@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media screen and (orientation: portrait) {
  img.amplio {
      width: 90%;
  }
}

@media screen and (orientation: landscape) {
  img.amplio {
      max-height: 90%;
  }
}

.header {
	text-align: center;
	width: 100%;
	font-size: 28px;
}

.header a, .header a:visited {
	text-decoration: none;
	color: #556171;
}

.header a:hover {
	text-decoration: underline;
}

img.amplio2
{
	position: absolute;
	max-width: 80%;
	top: 10%;
	left: 10%;
}

img.amplio2:empty
{
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-ms-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}
.contacts{
  margin-top: 100px;
  text-align:center;
  color:#000;
}
.flags{
  display: inline;
    float: right;
}