.teachers{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 50px 0;
}
.teachers img{
    width: 306px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #00000080;
}
.filling{
	width: 306px;
	margin: 10px;
}
.lightbox{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(5, 5, 5, 0.41);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}
.lightbox i{
    position: fixed;
    top: 10px;
    left: 10px;
    color: white;
    font-size: 30px;
}
.lightbox iframe{
    width: 800px;    
    height: 453px;
}

@media screen and (min-width: 800px){ 
	
	

}

@media screen and (min-width: 650px) and (max-width: 800px){ 
    
}

@media screen and (max-width:896px){ 
	.teachers img {
	    width: 116px;
	    margin: 3px;
	    border-radius: 4px;
	    box-shadow: 0 0 5px #00000080;
	}
	.filling{
		width: 116px;
		margin: 3px;
	}
    .lightbox iframe{
        width: 100vw;        
        height: 57vw;
    }
	
}
@media screen and (max-width:896px) and (orientation: landscape) { 
	.lightbox iframe{
        width: 70vw;        
        height: 40vw;
    }
}