body {
	
}

h1,  h2, h3, h4, h5, h6 {
	font-family: "PT Sans",Arial,sans-serif;
}
nav {
	z-index: 500;
}


.currentColor {
	fill: #fff;
}

.header-drone {
          animation-duration: 5s;
          animation-delay: 2s;
          animation-iteration-count: infinite;
        }
 
 main{
          padding: 0;
          position: relative;
          background: #f5f5f5;
          box-shadow: 0px -10px 60px rgba(0,0,0,0.25);
            height: 100%;
        }

        .zoom{
          overflow: hidden;
          padding-top: 150px;
        }
        .zoom .zoom-bg {
          position: fixed;
          top: 0%;
          left: 50%;
          max-width: 200%;
          width: 100%;
          transform: translateX(-50%);
          /* Thanks  @bastian_fiessinger. Use when activating blur effect:
          will-change: -webkit-filter, filter, transform; */
        }       

@media (max-width: 667px) {
	
	.zoom {
		overflow: hidden;
	}
	.zoom .zoom-bg {
		width: min-content;
	}

}