.zack {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70vh;
   background-color: #ff4e44;
     background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
    
}
.maloja img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
}

.zack svg {
    width: auto;
    max-width: 100%;
    max-height: 45vh;
}
img#para2 { top: 200px;width: 17vw; }
.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 {
    top: 0;
    left: 0;
    width: 50vw;
}
#dialas_1 img { 
	width: 60vw;
}
#dialas_2 img {
	top: 224px;
	left: -81em;
	width: 21vw;
}

.parallax-2 img {
    top: 200px;width: 17vw;
    left: -60px;
    
}

.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-2 img {
        top: 130px;
		
		width: 26vw;
    } 
}

@media (max-width: 762px) {

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

    .parallax-1 img {
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .parallax-2 img {
        top: 63px;
        left: 0;
        width: 100%;
    } 
    img#para2 { top: 0px; width: 100%; }
    .xbox-site-video {
        padding: 7vh 0;
    }

    .team .col {
        padding: 5vh 7vw;
        padding-left: 0;
        width: 100%;
    }
}