* {
    margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}

body {
 font-size: 16px    
}
   
img {
 max-width: 100%;
 height: auto;    
}

	.top-container {
	 scroll-snap-type: y mandatory;
	 overflow-y: scroll;
	 scrollbar-width: none; 
	 height: 100vh;	   
	}
	
	section {
     height: 100vh;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     justify-content: center;
     align-items: center;	
	 scroll-snap-align: start;
     padding-left: 3%;
     padding-right: 3%;
     background-size: cover;
   }


   .top-section {
    position: relative;
    color: #fff;
    }  

    .top-section .wrapper {
     z-index: 10;   
     position: sticky;
     bottom: 100px;     
    }

    .top-section .wrapper-overflow {
        max-height: 80vh; 
        overflow-y: scroll; 
        scrollbar-width: thin;
        scrollbar-color: #cc0000 rgba(255,255,255,0);
    }

    .top-section .logo {
    max-width: 300px;        
    }



    .top-section:before {
     content: "";
     position:absolute;
     left: 0;
     top: 0;
     right:0;
     bottom: 0;
     background: rgba(0,0,0,.5); 
     z-index:1;       
    }

   .top-section h1 {
    color: #fff;
    font-size: 60px; 
    z-index: 10;   
    font-weight: 700;    
   }
	
   .one {
    background: #cc0000;
   }	

   .two {
    background: #cc00FF;
   }	

   .three {
    background: #ccFF55;
   }	

   .four {
    background: #00cc00;
   }	   

.partners {
 display: flex;
 justify-content:space-around;    
}

.partners img {
 max-width: 250px;
 margin: 8px;    
}

footer {
 position: fixed;
 bottom: 0;
 width: 100%;
 color: #fff;
 font-size: 12px;      
}

footer a {
 color: inherit;
}


@media all and (max-width:760px) {

section {
 padding-left: 5%;
 padding-right: 5%;    
}  

.top-section h1 {
 font-size: 30px;    
}

.partners {
 flex-wrap: wrap;    
}

.partners .wrapper {
 max-width: 48%;    
}

.partners img {
 max-width: 100%;
 margin: 8px auto;    
}

footer,
footer .text-end  {
 text-align: center!important;    
}


} /* media */