@media screen and (orientation: portrait) {
/*.card
{
width:45%;
margin: 0px;
padding: 0px:
}*/
@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;
   }

html, body {
  overflow-x:hidden;
}

h1 title{
display:inline;
font-size:60%;
}

figure {
margin:0;
}
figure img{
display: inline-block;
position: relative;
float: left;
width:100%;
}
.figureico2{
width:80%;
}
#name_app{
  width:10em;
  height: 50px;
}
#author{
padding: 30px 10px 0 0;
color: grey;
}
#razmer{
color: #2E8B57;
padding: 0 0 20px 0;
font-size:120%;
}
figcaption {
font-size:0px;
}
#play {
position:absolute;
top:35%;
left:49%;
background: rgba(7,7,7,0.7);
border-radius:30px;
height:50px;
width:50px;
z-index: 20;
}
.block {
margin-left:17px;
margin-top:14px;
border: 10px solid transparent;
border-left: 19px solid rgba(252,252,252,0.9);
z-index: 20;
}
#description {
margin-top:100px;
font-size:120%;
width: 100%;
color:grey;
text-align:center;
}
.bay{
display:block;
}
.bay h2{
  margin:50px 15% 10px 50%;
  color:#2E8B57;
  font-size:150%;
  line-height:0;
}
.bay img{
  padding: 35px 5px 5px 0px;
  width:90%;
}
.bay iframe{
  margin-left: 70px;
  width:250px;
  height:80px;
}
}