@font-face {
font-family: GillSans;
src: url('GillSansLightC_0.otf');
}
* {
  margin: 0;
  padding: 0;
  font-family:GillSans;
  text-align: center;
  color: white;
  font-size: 30px;
}
.header {
	background: #b59e95;
    background: -moz-radial-gradient(center, circle cover, #cab9b2, #b59e95);
    background: -webkit-radial-gradient(center, circle cover, #cab9b2,#b59e95 );
    background: -o-radial-gradient(center, circle cover, #cab9b2,#b59e95);
    background: -ms-radial-gradient(center, circle cover, #cab9b2,#b59e95);
    background: radial-gradient(center, circle cover, #cab9b2,#b59e95);
	width: 100%;
	#background: url(bg.png);
	#background-size: cover;
}
#lang a {
background-color:black; 
border-radius:5px; 
color:white; 
width: 40px;
padding-bottom:2px;}
h1 {
padding: 30px;
font-size: 70px;

}
#logo {
	width: 300px;
	height: 300px;
	padding-bottom: 30px;
}
#apple {
padding: 40px 0 40px 0;
width: 200px;}
.video {
width: 100%;
background: #f5f5f5;
}
#desc{
color: grey;
padding: 50px 20px 50px 20px;}
iframe {
padding-bottom:50px}
.screenshots {
background: #b59e95;
      font-family:GillSans;
}
.screenshots ul {
  list-style:none;
  margin:auto;
  #padding:0px;
  max-width: 1100px;
  text-align:center;
  #vertical-align: middle;
  #letter-spacing:1px;
}
.screenshots ul li {
  display:inline-block;
  text-align:center;
    vertical-align: top;
}
.screenshots ul li img {
padding:50px 25px 0 25px;
#padding-bottom: 10px;
#height: 175px;
max-width: 300px;
}
.screenshots ul li p {
display:block;
}
@media screen, (max-width: 349px){
.screenshots ul li img {
padding:50px 15px 0 15px;
#padding-bottom: 10px;
#height: 175px;
max-width: 270px;
}
iframe {
width: 280px;
height: 500px;
}
p {
padding-left:10px;
padding-right:10px;
}}
p {
padding-left:30px;
padding-right:30px;
}
ul li p {
padding-left:0px;
padding-right:0px;
}
 a {
  text-decoration: none;
  margin: 0px 10px 10px 10px;
  display:inline-block;
  font-size: 25px;
  color: black;
}
p.copyright {
  font-size: 17px;
  padding-bottom:10px;
  color: black;
}