marcom-srv-s1r1{}

1600max {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
}

.jumbo header h1 {
  font-size: 5vw;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.53);
}

h2.studios-block {
  background-color: #275d38;
  color: #fff;
  font-size: clamp(1rem, 0.0625rem + 3vw, 1.75rem);
  z-index: 4;
  text-align: center;
  padding: 0 40px;
  width: auto;
  display: block;
  margin: 0 auto 20px;
  padding: 10px 20px;
}
h2.mon {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

h3 {font-weight:600;}


a.drop-hover > div > img {
  border-bottom: 5px solid #008a40;
  border-radius: 4px;
  display: block;
  position: relative;
  z-index: 2;
  transition: 0.2s ease-in-out;
}

a.drop-hover:hover > div > img {
  border-bottom: 5px solid #185c33;
  border-radius: 4px;
  transform: translate(-1px, -1px);
  box-shadow: 6px 8px 5px -4px rgba(0,0,0,0.45);
  -webkit-box-shadow: 6px 8px 5px -4px rgba(0,0,0,0.45);
  -moz-box-shadow: 6px 8px 5px -4px rgba(0,0,0,0.45);
}

.vid-icon {
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
}
/*.vid-icon > img {
    border-bottom: 4px solid #008a40;
}*/
.vid-icon::after {
    content: '\f03d' !important;
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    background: #008a40;
    color: #fff;
    width: 40px;
    height: 30px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 4px 0 4px 0;
    z-index: 3;
    padding: 5px 10px;
	font-weight: 600; 
}
.vid-icon:hover::after {
    background: #185c33;
	transform: translate(-1px, -1px);
}
.pic-icon {
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
}
.pic-icon img {
    border-bottom: 5px solid #008a40;
    border-radius: 4px;
}
.pic-icon::after {
    content: '\f302' !important;
    font-family: "Font Awesome 5 Solid", "Font Awesome 5 Pro";
    background: #008a40;
    color: #fff;
    width: 40px;
    height: 30px;
    display: block;
    position: absolute;
    right: 5px;
    bottom: 0px;
    border-radius: 4px 0 4px 0;
    z-index: 3;
    padding: 5px 10px;
	font-weight: 600; 
}
.pic-icon::after:hover {
	background: #185c33;
	transform: translate(-1px, -1px);
}

.hero-video .video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 29.25%;
}
.page-header {border-bottom: 0px;}

.background-2 {background-color: #EEF1F0;}

.video-container {
  width: 100%;
  min-width: 150px;
  max-width: 1600px; /* Optional: sets a maximum size for larger screens */
  margin: 0 auto; /* Optional: centers the video */
}

.video-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Maintains the standard widescreen YouTube ratio */
}
iframe.fullScreen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.portfolioItem-title {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #185c33;
  font-weight: 600;
  min-height: 40px;
  padding-top: 5px;
}
.popItem-title {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
  text-align: center;
}
.photoItem-title {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #185c33;
  font-weight: 600;
  min-height: 40px;
}

.lity img {
	max-height: 630px;
    margin: 0 auto;
    display: block;
}

/* 20% columns */
.col-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xl-20 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding:10px 15px;
}

.col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.page-header{background-color:#000;}
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
.page-header{background-color:none;}
	.col-sm-20 {
        flex: 0 0 100%;
        max-width: 100%;
    }
	
	.m-border-left {
		border-left: 0px;
		border-top: 3px solid #275d38;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.col-md-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {
	.jumbo {padding: 60px 20px;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.jumbo header h1 {font-size: 58px;}
	.col-lg-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
	.m-border-left {
		border-left: 3px solid #275d38;
		border-top: 0px;
	}
}
/*END OF DOCUMENT*/