.maloja {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70vh;
   background: url('https://wm-studio78.de/images/customers/maloja/maloja_col-soul-in-the-woods.jpg');
     background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
    
}
.maloja img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
}

.white-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: white;
    padding: 15vh 0;
}


.site-video {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10vh 0;
}

.macbook {
    display: flex;
    max-width: 70vw;
    margin: auto 0;
}

.image-position {
    width: 100%;
    height: 100%;
}

.video-position {
    position: absolute;
    top: 5%;
    left: 10.5%;
    width: 79%;
    height: 78%;
    z-index: 1;
}

.video-position_animation {
    position: absolute;
    top: 5%;
    left: 10.5%;
    width: 79%;
    height: 85%;
    z-index: 1;
}

.parallax-section {
    display: flex;
    align-items: center;
}

.parallax-1 img {
    left: 20vw;width: 69vh;
}
#dialas_1 img { 
	width: 60vw;
}
#dialas_2 img {
	top: 224px;
	left: -81em;
	width: 21vw;
}

.parallax-2 img {
    top: 10vh;left: -34vw;width: 34vw;
}
.parallax-1 img#mal1  { left: 20vw;width: 69vh; }
.parallax-2 img#mal2  { left: -33em;width: 50vh;top: 29vh; }

.parallax-2 img#para2 {top: 0px; left: -140px; width: 100%;}

.bump {
    margin-top: -50vh;
    padding-top: 50vh;
    background-color: #212121;
    width: 100%;
    z-index: -1;
    display: flex;
    justify-content: center;
    color: white;
}


.carousel-cell {
    display: flex;
    align-items: center;
    flex-direction: row;
    min-height: 100%;
    cursor: move;
  }
    
  .carousel-cell img {
    margin-right: 8vw;
    margin-left: 8vw;
    min-height: 90%;
    width: 38vw;
  }

  .team {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-direction: row;
      flex-wrap: wrap;
  }

  .team .col {
      padding: 10vh 5vw;
  }


  .green-bar {
    background: linear-gradient(to right, #4AD215, #BBFC5C);
    background-size: 400% 400%;
    height: 20px;
    width: 100%;
    animation: gradient-loop 10s infinite;
  }

  .black {
      background-color: #272727;
      padding-bottom: 30vh;
      margin-bottom: -15vh;
  }
  
  @keyframes gradient-loop { 
      0%{background-position: 0% 50%}
      50%{background-position: 100% 50%}
      100%{background-position: 0% 50%}
  }
  
@media (max-width: 979px) and (min-width: 768px) {
.parallax-1 img {
       left: 16vw;
	   width: 38vh;
    }
    
    .parallax-2 img {
        top: 10vh;
		left: -42vw;
		width: 23vw;
    } 
}

@media (max-width: 762px) {

    .parallax-section {
        flex-wrap: wrap;
    }

    .parallax-1 img {
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .parallax-2 img {
        /* top: -190px; */
        left: 0;
        width: 100%;
    } 
   
    .parallax-1 img#mal1 { left: 33px;width: 100%; }
	.parallax-2 img#mal2 { left: 33px;width: 100%;top: -190px; }
	#slider-imgs-box{margin-top: -22em;}
	#dialas_2 img {
    top: 27px;
    left: -72px;
    width: 26vw;

	}

    .team .col {
        padding: 5vh 7vw;
        padding-left: 0;
        width: 100%;
    }
}
@media only screen and (max-width: 479px) {
.parallax-2 img#para2 { top: -26px; left: -22px; }
}