/* от 581 до 999*/

@media screen and (orientation: landscape){
@media (max-width: 999px) and (min-width: 581px) {

  .card
  {
    /*width:12em;*/
    margin-right:5px;
  }

h1 title{
display:inline;
}

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

figcaption {
font-size:0px;
}
#play {
position:absolute;
top:47%;
left:55%;
background: rgba(7,7,7,0.7);
border-radius:37px;
height:75px;
width:75px;
}
.block {
margin-left:27px;
margin-top:23px;
border: 15px solid transparent;
border-left: 24px 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 60%;
  color:#2E8B57;
  font-size:170%;
  line-height:0;
}
.bay img{
  padding: 35px 5px 5px 32%;
  width:90%;
}
.bay iframe{
  margin:10px 0 100px 55%;
  width:250px;
  height:80px;
}

}}