.hero{ 
  height: 100%;
}

.fullscreen-bg {
    height: 100%;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
	background-color: #000000;
	filter: alpha(opacity=25);
	opacity: .25;
}

.bg-sbr {
  height: 100%;
  background: url(../img/portfolio/sbr/sbr_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-aeronomy {
  height: 100%;
  background: url(../img/portfolio/aeronomy/aeronomy_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-echecks {
  height: 100%;
  background: url(../img/portfolio/echecks/echecks_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-lindhall {
  height: 100%;
  background: url(../img/portfolio/lind_hall/lind-hall_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-masonic {
  height: 100%;
  background: url(../img/portfolio/masonic/masonic_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-misc {
  height: 100%;
  background: url(../img/portfolio/misc/misc_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-spye {
  height: 100%;
  background: url(../img/portfolio/spye/spye_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-cardinal {
  height: 100%;
  background: url(../img/portfolio/cardinal/cardinal_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-starbase {
  height: 100%;
  background: url(../img/portfolio/starbase/starbase_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-vr {
  height: 100%;
  background: url(../img/portfolio/vr/vr_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-ppc {
  height: 100%;
  background: url(../img/portfolio/ppc/ppc_bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-echecks2 {
  height: 100%;
  background: url(../img/portfolio/echecks/echecks-bg.jpg) no-repeat top center;  
  background-size: cover;
  background-attachment: cover;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video{  
    height: auto;
	padding-top: 3em; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 4em;
    text-align: center;
    color: #f8f8f8;	
}

.video-message{ 
  padding: 3em 0 3em 0;
}

.screenshots{  
    height: auto;
	padding-top: 3em; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 4em;
    text-align: center;
    color: #f8f8f8;	
}

.screenshot-message{ 
  padding: 3em 0 3em 0;
}

.bg-color01{
	background-color: #111111;
}

.bg-color02{
	background-color: #000000;
}

.btw_container{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;      
   color: white;
   text-align: center;	
}

.backToWork {
    background: url(../img/portfolio/BackToWork_btn.png) no-repeat top center;  ;
	/*background: rgb(0, 0, 0);*/ /* Fall-back for browsers that don't support rgba */
    /*background: rgba(0, 0, 0, .75);*/
	position: relative;
	margin: 0 auto;
	padding: 1em 1em 2em 1em;
	width: 16em;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}


@media(max-width:480px)
{

.hero{ 
  height: 600px;
}	
	
.bg-sbr{
  background: url(../img/portfolio/sbr/sbr_bg.jpg) no-repeat center center; 
  background-size: cover;
  background-attachment: cover;	
}	
	
.bg-echecks{
  background: url(../img/portfolio/echecks/echecks_bg.jpg) no-repeat center center; 
  background-size: cover;
  background-attachment: cover;	
}
	
.bg-lindhall { 
  background: url(../img/portfolio/lind_hall/lind-hall_bg.jpg) no-repeat center center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-masonic {
  background: url(../img/portfolio/masonic/masonic_bg.jpg) no-repeat center center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-misc {
  background: url(../img/portfolio/misc/misc_bg.jpg) no-repeat center center;  
  background-size: cover;
  background-attachment: cover;
}

.bg-spye {
  background: url(../img/portfolio/spye/spye_bg.jpg) no-repeat center center;  
  background-size: cover;
  background-attachment: fixed;
}

.bg-vr {
  background: url(../img/portfolio/vr/vr_bg.jpg) no-repeat center center;  
  background-size: cover;
  background-attachment: cover;
}
	
	
}


@media (max-width: 767px) {  

.fullscreen-bg {   
	filter: alpha(opacity=80);
	opacity: .8;
}
	
.bg-cardinal {
  background: url('../img/portfolio/cardinal/cardinal_bg.jpg') center center / cover no-repeat;
}

.bg-starbase {
  background: url('../img/portfolio/starbase/starbase_bg.jpg') center center / cover no-repeat;
}

.fullscreen-bg__video {
  display: none;
}
  
/* Extends transparent background for hero class  */  


.video-message{ 
  padding: 2em 5em 2em 5em;
}

.screenshot-message{ 
  padding: 2em 5em 2em 5em;
}
  

.video{
  height: auto;	
}

.screenshots{
  height: auto;	
}
  
}