/*START CLOUDS*/
/* What do you have to be scared of?
*
* Lorin Tackett, July 2013
* http://lorintackett.com 
*/

@keyframes clouds-loop-1 {
to {
background-position: -1000px 0;
}
}

.clouds-1 {
background-image: url("../../../images/clouds/clouds_2.png");
animation: clouds-loop-1 30s infinite linear;
}

@keyframes clouds-loop-2 {
to {
background-position: -1000px 0;
}
}

.clouds-2 {
background-image: url("../../../images/clouds/clouds_1.png");
animation: clouds-loop-2 35s infinite linear;
}

@keyframes clouds-loop-3 {
to {
background-position: -1579px 0;
}
}

.clouds-3 {
background-image: url("../../../images/clouds/clouds_3.png");
animation: clouds-loop-3 40s infinite linear;
}

/* Switch Winter 
.clouds-1 {
background-image: url("../../../images/clouds-WINTER/clouds_2.png");
animation: clouds-loop-1 30s infinite linear;
}

@keyframes clouds-loop-2 {
to {
background-position: -1000px 0;
}
}

.clouds-2 {
background-image: url("../../../images/clouds-WINTER/clouds_1.png");
animation: clouds-loop-2 35s infinite linear;
}

@keyframes clouds-loop-3 {
to {
background-position: -1579px 0;
}
}

.clouds-3 {
background-image: url("../../../images/clouds-WINTER/clouds_3.png");
animation: clouds-loop-3 40s infinite linear;
}
*/

.clouds {
opacity: 0.6;
pointer-events: none;

overflow: hidden;
top: 0;
left: 0;
right: 0;
height: 100%;
z-index:32;
}

.clouds-1,
.clouds-2,
.clouds-3 {
background-repeat: repeat-x;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 500px;
}
/*END CLOUDS*/
/* Grass */
#grass-t {
	height: 300px;
background: url("http://cs62201.tmweb.ru/images/grass.png") repeat-x;
}
/*
.mob-1 { display: inline; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 890px){ .mob-1 { display: none; }}
*/
@media screen and (max-width: 600px) {
  .mob-1 {
    display: none;
  }
  #jm-logo-bar{padding: 0;}
  #jm-header-top-in{display: none;}
  h1 {margin: 0 0 -5px;}
}