body{
  background-color: #E8E8E8;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+2,efefef+65 */
  background: rgb(247,247,247); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 2%, rgba(239,239,239,1) 65%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 2%,rgba(239,239,239,1) 65%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(247,247,247,1) 2%,rgba(239,239,239,1) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.logo img {
  width: 750px;
  height: 200px;
  display: block;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
}

.flags {
  text-align: center;
  margin-bottom: 40px;
}

.info  {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

h1 {
  color: #202020;
  font-family: 'Lato', sans-serif;
  text-align: center;
}

p {
  color: #202020;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 100;
}

@media only screen and (max-width: 768px) {
  .flags img {
    width: 33px;
    height: auto;
}
.flags {
    text-align: center;
    margin-bottom: 20px;
}
.logo img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
}
}