body {
  padding: 0;
  margin: 0;
}
.pre-load {
  /* background-image: url('/static/img/background.jpg'); */
  /* background-size: cover; */

  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0.9976365546218487) 0%, rgba(191,191,191,1) 75%, rgba(101,101,103,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.9976365546218487) 0%, rgba(191,191,191,1) 75%, rgba(101,101,103,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0.9976365546218487) 0%, rgba(191,191,191,1) 75%, rgba(101,101,103,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#656567",GradientType=1);
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  height: 100vh;
  text-align: center;
}
.pre-load .logo {
  height: 80px;
  margin-top: 80px;
}
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
    transform: scale(0); }
40% {
-webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform: scale(0);
    transform: scale(0); }
40% {
-webkit-transform: scale(1);
    transform: scale(1); } }