.hero-main-section {
  background-color:#141414;
  height: 235px;
}

.hero-main-height {  
  height:235px;
}

.hero-bottom-strip-section {
  background-color: #99ffcc;
}


.website-management-bkgnd {
  position: relative;
  background-image: url(https://www.vertigois.com/assets/images/bleak-office-abandoned-desk-bkgd.png) !important;
  background-position: right top;
  background-attachment: scroll;
  background-repeat:no-repeat;
}

.logo-design-bottom-strip {
  position: relative;
  background-image: url(https://www.vertigois.com/assets/images/background-green-strip-h50.png) !important;
  background-position: right bottom;
  background-attachment: scroll;
  background-repeat:repeat-x;
  z-index: 1;
}

.hero-text-highlight {
  text-decoration:none;
}


.text-to-newline {
  display:none;  
}


.default-btn {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 0.47143rem 1.22857rem;
  text-align: center;
  z-index: 1;
}

.banner-btn {
  float:left;
  width:auto;
}


@media (min-width:1200px) {
  
  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
	
  .hero-main-height {    
	height:235px;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image: url(https://www.vertigois.com/assets/images/bleak-office-abandoned-desk-bkgd.png) !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }

  
  .logo-design-bottom-strip {
    background-image: url(https://www.vertigois.com/assets/images/background-green-strip-h50.png) !important;
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
  }
    
  .hero-text-highlight {
    text-decoration:none;
  }  
  
  .text-to-newline {
    display:block;  
  }

}

@media (min-width:1000px) {
  
  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image: url(https://www.vertigois.com/assets/images/bleak-office-abandoned-desk-bkgd.png) !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
    background-image: url(https://www.vertigois.com/assets/images/background-green-strip-h50.png) !important;
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
  }
    
  
  .hero-text-highlight {
    text-decoration:none;
  }  
      
  .text-to-newline {
    display:block;  
  }

}


/* @media (min-width:992px) { */
@media only screen and (max-width:992px){
  
  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
	
  .hero-main-height {
	 height: 150px;
	 margin-top: 6.35rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image: url(https://www.vertigois.com/assets/images/bleak-office-abandoned-desk-bkgd.png) !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  	  
  .logo-design-bottom-strip {
    background-image: url(https://www.vertigois.com/assets/images/background-green-strip-h50.png) !important;
	background-image: none !important;
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  }  
  
  .text-to-newline {
    display:block;  
  }
}

/* @media only screen and (max-width:767px){ */
@media only screen and (max-width:767px){  
  
  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
	
  .hero-main-height {
	 height: 150px;
	 margin-top: 5.0rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image:none !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
	background-image:none !important;	
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  }  
  
  .text-to-newline {
    display:none !important;  
  }

}

/* @media (min-width:720px) { */
@media only screen and (max-width:720px){
  
  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
	  
  .hero-main-height {
	height: 150px;
	margin-top: 5.75rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image:none !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
	background-image:none !important;	
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  } 
  
  .text-to-newline {
    display:none;  
  }
}



/* @media (min-width:576px) { */
@media only screen and (max-width:576px){

  .hero-main-section {
    background-color:#141414;
    height: 235px;
  }
	  
  .hero-main-height {
	height: 150px;
	margin-top: 5.75rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image:none !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
	background-image:none !important;	
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  }
  
  .text-to-newline {
    display:none;  
  }
}


/* @media (min-width:576px) { */
@media only screen and (max-width:420px){

  .hero-main-section {
    background-color:#141414;
    height: 275px;
  }
	  
  .hero-main-height {
	height: 175px;
	margin-top: 6.1rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image:none !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
	background-image:none !important;	
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  }
  
  .text-to-newline {
    display:none;  
  }
}



/* ----------- Retina Screens ----------- */
/* For Macbook devices and Safari    ---- */
/*
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) 
{      
}
*/

@media screen 
  and (min-device-width: 250px) 
  and (max-device-width: 420px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
     
  .hero-main-section {
    background-color:#141414;
    height: 205px;
  }
	  
  .hero-main-height {
	height: 150px;
	margin-top: 10.5rem !important;
  }
  
  .website-management-bkgnd {
    position: relative;
    background-image:none !important;
    background-position: right top;
    background-attachment: scroll;
    background-repeat:no-repeat;
  }
  
  .logo-design-bottom-strip {
	background-image:none !important;	
  } 
  
  .logo-design-banner-img {
    background-image: url(https://www.vertigois.com/assets/images/logo-cloud.png) !important;    
	background-image: none !important;
  }
  
  .hero-text-highlight {
    text-decoration:underline;
  }
  
  .text-to-newline {
    display:none;  
  }  
}

.video-btn-wrapper {
  display: block;
  float: left;
}

.video-btn-wrapper li {
  float: left;
}

.video-btn-wrapper h3 {
  float: left;
  font-size: 1.0rem !important;
  padding-top: 1.0rem;
  width: auto;
}

.video-btn-wrapper span {
  font-size: 1.0rem !important;
  padding-top: 1.0rem;
}


.play-btn  {
   display: block;

}