#myVideo {
  width: 100%;
}

body {
	overflow: hidden;
     background-color:rgb(255, 255, 255);
	margin: 0;
	height: 100%;
	background-position: center; 
/*	background-image: url("paragon.jpg"); */

}


.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
 
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
 

@media only screen and (max-width:480px) { 
    /* Smartphone view: 1 tile */
    /* Medium desktop: 4 tiles */
    #myVideo {
        min-width: 100%;
        min-height: 100%;
    }

    #myPic {
        width: 100%;    
    }
}

@media only screen and (max-width:650px) and (min-width:481px) { 
    /* Tablet view: 2 tiles */
    #myVideo {
  	width: 100%;
    }
    #myPic {
    width: 490px;    
    }
}

@media only screen and (max-width:1051px) and (min-width:651px) { 
    /* Small desktop / ipad view: 3 tiles */
    #myVideo {
  	height:500px;
    }
    #myPic {
    width:280px; 
    margin-top:-14px;    
    }
    #optionalstuff {
    display: none;
    }    
} 

@media only screen and (max-width:1279px) and (min-width:1050px) { 
    /* Medium desktop: 4 tiles */
    #myVideo {
  	width: 90%;
  	text-align:center;
    }
    #myPic {
    /* width:893px;height: 670px;*/
    
    }
    #optionalstuff {
    display: none;
     }
}

@media only screen and (max-width:1590px) and (min-width:1280px) { 
    /* Medium desktop: 4 tiles */
    #myVideo {
  	width: 90%;
  	text-align:center;
    }
    #myPic {
    /* width:947px; */
    
    }
    #optionalstuff {
    display: none;
     }
}


/* standard template */
@media only screen and (max-width:1920px) and (min-width:1591px) { 
    /* Medium desktop: 4 tiles */
    #myVideo {
  	height: 670px;
    }
        #myPic {
    /* width:947px; */
    
    }
}

@media only screen and (max-width:2559px) and (min-width:1921px) { 
    /* Medium desktop: 4 tiles */
    #myVideo {
  	height: 600px;
  	    
    }
    #myPic {
    /* width:947px;    */
    
    }
}

@media only screen and (max-width:3840px) and (min-width:2560px) { 
    /* Medium desktop: 4 tiles */
    #myVideo {
  	height: 600px;
    }
        #myPic {
    /* width:947px;height: 710px; */
    
    }

}