/*!
 * Start Bootstrap - One Page Wonder v5.0.6 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
  font-family: 'Arimo', cursive;
  font-stretch: condensed;
}

html,
body {

  height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Arimo', cursive;
  font-stretch: condensed;
  font-weight: 800 !important;
  color: white;
  text-shadow: 2px 2px 2px black;
}

h2,h3
{
   font-size: 2.5vw;
   max-font-size: 16px;
}

h4
{
  font-size: 2rem !important;
}

p
{
  font-size: 1.15rem !important;
  font-family: 'Arimo', cursive;
  font-stretch: ultra-condensed;
}

.full-height {
  height: 100vh;
}

.mid-align {
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.quake1-holder,
.quake2-holder,
.quake3-holder {
  text-align: center;
}

.quake1-holder,
.quake2-holder,
.quake3-holder {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: 250%;
  cursor: pointer;
  width: 33%;
}

.quake1-holder img,
.quake2-holder img,
.quake3-holder img
{

  display: block;
  width: auto;
  max-width:100%;
  max-height:100%;
  margin: auto;
}

.quake1-holder {
  background-image: url(../img/quake.jpg);
  background-size: 160%;
  background-position: 100% center;
}

.quake2-holder {
  background-image: url(../img/quake2.jpg);
  background-size: 160%;
  background-position: 60% center;
}

.quake3-holder {
  background-image: url(../img/quake3.jpg);
  background-size: 150%;
  background-position: 40% center;
}

@media screen and (min-width: 800px) {
  .quake1-holder,
  .quake2-holder,
  .quake3-holder {
     opacity: 0.9;
     transition: 1.5s;
     width: 33% !important;
     overflow: hidden;
  }

  .quake1-holder:hover,
  .quake2-holder:hover,
  .quake3-holder:hover {
    opacity: 1.0;
    background-size: 200%;
  }
}