
@media only screen and (max-width: 1000px){
	
    .video {
        width: 800px;
        height: 500px;
    }
}

@media only screen and (max-width: 900px){
	
    .video {
        width: 640px;
        height: 400px;
    }
}


@media only screen and (max-width: 700px){
	
    .video {
        width: 514px;
        height: 300px;
    }

    .me-image {
        margin-top: 10%;
    }

    .disks {
        margin-top: 10%;
    }
    
    .player {
        margin-top: 5%;
        width: 90%;
    }

    .what-is-it {
        padding: 4%;
        min-width: none;
        max-width: none;
        width: 80%;
        margin-bottom: 10%;
    }

    .gallery {
        display: none;
    }

    .gallery-mobile {
        display: inline;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 550px){
	
    .video {
        width: 412px;
        height: 240px;
    }
}