@charset "utf-8";
/* CSS Document */

.video-background {
	/*width:auto; height:auto; 	/* To show the whole Television. */
    width:100%; height:50vh;	/* to fill the whole section */
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center; 
}

.video-background video {
    position:relative;
    top:0;
    left:0;
    object-fit:cover;
}

.videoA { 
  position: absolute;
  z-index: -1000;
  right: 0;
  bottom: 0;
  max-width: 100%;	/*to show a slice of the video*/
  min-height: 100%;	/*to show a slice of the video*/
}


.hero-image {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../img/first-aesthetic-treatment-blog-930x580.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*padding: 50px 10px;*/
	padding-top:150px;
	padding-left:10px;
	padding-bottom:150px;
	padding-right:10px;
	/*min-height: 400px; /*added for large screen*/
}
 .hero-text {
	 position: relative;
	 color: red;
	 text-align:center;
}

@media (min-width: 768px) { 
	.hero-image {min-height: 10px; padding: 350px 40px;}
	.video-background {width:auto; height:auto;}
}