/************************************************************************************
smaller than 991px
*************************************************************************************/
@media screen and (max-width: 991px) {

	header {
	    padding: 20px 2.5%;
	}

	body {
	    font-size: 16px;
	}

	/*.video-container video {
    	object-fit: contain;
	}*/
/*
	.video-desktop {
		display: none;
	}
	.video-mobile {
		display: block;
	}*/

	div.share {
		width: 40px;
	}
	div.share span {
		display: none;
	}
	div.share ul li {
	    display: block;
	    float: none;
	    margin: 0 0 20px 0;
	}

}

/************************************************************************************
smaller than 500px
*************************************************************************************/
@media screen and (max-width: 500px) {

	#mask {
	    /*background: url('../img/img-video-mobile.jpg') no-repeat center center;*/
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

}