/***************Water Waves***************/

/* @media only screen and (min-width: 1025px) {
    .background-body{
      background-image: url('https://moattapp-website.s3.us-west-1.amazonaws.com/images/bckgrnd-content-large.webp');
    }
  }
  @media only screen and (max-width: 1024px)
  {
    .background-body{
      background-image: url('https://moattapp-website.s3.us-west-1.amazonaws.com/images/bckgrnd-content-small.webp');
    }
  } */
  .background-body {
    background-color: #ddd2ff;
  }
  
  /* .background-water{
	background-image: url("https://moattapp-website.s3.us-west-1.amazonaws.com/images/gator_in_water.webp");
	background-repeat: no-repeat, no-repeat;
	background-size: 100%;
	height: 80vh;
	margin: 0 auto;
	width: 100%;
  } */
  
  
  ::selection{background-color: salmon; color: white;}
  .parallax > use{
	animation:move-forever 12s linear infinite;
	&:nth-child(1){animation-delay:-2s;}
	&:nth-child(2){animation-delay:-2s; animation-duration:5s}
	&:nth-child(3){animation-delay:-4s; animation-duration:3s}
  }
  
  @keyframes move-forever{
	0%{transform: translate(-90px , 0%)}
	100%{transform: translate(85px , 0%)} 
  }
  
  .editorial {
	display: block;
	width: 100%;
	height: 10em;
	max-height: 600px;
	margin: 0;
  }
  
  .content {
  font-family: 'Lato',sans-serif;  
	text-align: center;  
	background-color: #2d55aa;
	text-align: center;
	min-height: 26vh;
	margin: -.1em 0 0 0;
	padding: 1em;
	color: #eee;
  }
  .content-text{ font-size: 2.7rem; }
  
  .content h1 {
	margin-top:1em;
	font-weight: 550;
	user-select:none;
	cursor: default;
  }
  
  /*prevent many large-by-comparison ripples by shrinking the height*/
  @media (max-width:50em){
	.editorial{height:17vw;}
  }
  /*****************************************/