/* TITLE STYLES */
.title-container {
  background-color: #EF5050;
}



/* TINY SCREENS */
@media (min-width: 0em) {
  /*.patterns {
    margin-bottom: 5em;
  }*/
  .no-text-below {
    margin-bottom: 5.75em;
  }
  figure {
    margin: 0;
    padding: 0;
  }
  #first-row {
    margin-top: 0;
  }
  #second-row,
  #third-row {
    /* margin-top: .4em; */  /* EVEN SPACING */
    margin-top: .8em;
  }
  .pattern-image {
    margin-top: 1.25em;
  }
  #second-pattern {
    margin-top: 0;
  }
  #first-pattern {
    display: none; /* HIDE ON TONY */
  }
  .video-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    /*margin-top: 1.5em;*/
  }
  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}



/* MEDIUM SCREENS */
@media (min-width: 43.1em) {
  .patterns {
    overflow: hidden;
  }
  .pattern-image {
    float: left;
    width: calc(50% - .625em);
  }
  .even-pattern {
    margin-left: 1.25em;
  }
  #first-pattern,
  #second-pattern {
    margin-top: 0;
  }
  #first-pattern {
    display: block;
  }
}



/* ROUND CORNERS */
.linked-image {
  /*border-radius: 4px;*/
  -webkit-transition: .275s ease-in-out;
  transition: .275s ease-in-out;
}
.linked-image:hover {
  opacity: .7;
}



.rules {
   margin-bottom: 6em;
   overflow: hidden;
}
.row-container {
  /*margin-top: 1.5em;*/
  overflow: hidden;

}
/*#fisrt-row,
#second-row {
  margin-bottom: 1.5em;
}*/
.row-container h1 {
  margin-bottom: .5em;
}

.first-thumb {
  width: calc( (100% - 1.25em) / 3);/*(container - margins) / count*/
  float: left;
}
.second-thumb {
  width: calc( (100% - 1.25em) / 3);
  float: left;
  margin-left: .625em;
}
.third-thumb {
  float: right;
  width: calc( (100% - 1.25em) / 3);
}
.gesture {
  display: flex;
  min-width: calc( (100% - 3em) / 3);
  /*display: none;*/
  justify-content: center;
  margin-top: .3em
}
.gesture img {
  max-width: 24px;
  max-height: 24px;
}



#pattern-container {
  padding-top: 0;
}
#second-image  {
  margin-top: 1.25em;
}