.preload {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
   # background-color: #10131a;
	background-color: white;
    transition: opacity 400ms ease-in-out, visibility 0s 400ms;
}

.show-preloader {
    visibility: visible;
    opacity: 1;
}

.circle {
   # background-color: #f9dc97;
	background-color: black;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    animation: bounce-circles 0.7s infinite ease-in-out;
}

.preload .circle:nth-child(1) {
     animation-delay: -0.6s;
}

.preload .circle:nth-child(2) {
     animation-delay: -0.5s;
}

.preload .circle:nth-child(3) {
     animation-delay: -0.4s;
}

.preload .circle:nth-child(4) {
    animation-delay: -0.3s;
}

@keyframes bounce-circles {
    0%, 40%, 100% {
 		transform: translateY(-10px);
    } 20% {
 		transform: translateY(-20px);
    }
}

body
{
  padding: 0;
  margin: 0;
}

.full-landing-image
{
  width: 100%;
  height: 100vh;
  background: url(img/bg.jpg) no-repeat center;
  
  background-size: cover;
}

  .logo_start {
    position: relative;
    
    width: 40vh;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    top: 3vh;
	left: 3vh;
    border: 0;
    z-index: 2;
	
}
  

 # .logo_start {
 #   position: relative;
 #   display: block;
 #   width: 35vh;
 #   height: auto;
 #   margin-left: auto;
 #   margin-right: auto;
 #   top: 32vh;
 #  border: 0;
 #   z-index: 2;
	
#}