*{
	font-family: "Raleway", arial;
}
.image_center{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.flags{
	text-align: center;}
#main{
	padding-top:10%;
}
.country{
	margin-right: 2%;
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
#main{padding-top: 40%};
.logo{width: 100%;}
}


@media screen and (max-device-width: 640px) and (orientation: landscape){
#main{padding-top: 5%};
.logo{width:100%};
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
#main{padding-top: 35%;}
.logo{width: 100%;}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){
  .logo(display: none;)
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
 
}