@media screen and (orientation: landscape) {
  @viewport
  {
  width: device-width;
  }
  #app
  {
  /*background-image: url('../img/gplaypattern.png');*/
  }
  ul a{
  color: white;
  text-shadow: 1px 1px 2px black;
  }
  .fa {
    padding-right: 10px;
    color: grey;
    cursor: pointer;
  }
  .fa:hover {
      color: green;
     }

h1 title{
display:inline;
}

figure {
margin:0;
}
figure img{
display: inline-block;
position: relative;
float: left;
}
.figureico2{
width:50%;
}
#name_app{
  width:10em;
  height: 50px;
}
#author{
padding: 50px 10px 0 0;
color: grey;
}
#razmer{
color: #2E8B57;
padding: 0 0 50px 0;
}

figcaption {
font-size:0px;
}
#play {
position:absolute;
top:25%;
left:45%;
background: rgba(7,7,7,0.7);
border-radius:50px;
height:100px;
width:100px;
}
.block {
margin-left:37px;
margin-top:29px;
border: 20px solid transparent;
border-left: 33px solid rgba(252,252,252,0.9) ;
}
#description {
font-size:120%;
width: 80%;
color:grey;
margin-left:9%;
text-align:center;
}
.bay{
display:block;
}
.bay h2{
  margin:50px 15% 10px 65%;
  color:#2E8B57;
  font-size:170%;
  line-height:0;
}
.bay img{
  padding: 35px 5px 5px 35%;
  width:100%;
}
.bay iframe{
  margin:10px 0 100px 60%;
  width:250px;
  height:80px;
}

}