@charset "UTF-8";

#science-home {
    padding: 0;
}

@media only screen
and (min-device-width: 1024px) {
    .science-container {
        margin: 20px
    }
}

#science, #science2 {

    width: 100vw;
    height: 100vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen
and (min-device-width: 1024px) {
    #science, #science2 {
        height: calc(100vh - 40px);
    }
}

#science {
    background-image: url("../images/scienceopeningstill.jpg");
}

#science2 {
    background-image: url("../animations/end1.gif");
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
 .science-container {
        position: absolute;
    z-index: 2;
    top: 0%;
    left: 0;
   
    right: 0;  		
    }

#science, #science2 {

     width: 88vw;
    height: 88vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
        height: calc(88vh - 44px);
    }
}