@media screen and (max-width: 75em) {
	


	
	
	.viewlink {
	width: 26px;
	height: 26px;
	transform: translate(-13px,-13px);
	}
	
    .viewflex .fas {
	font-size: .8rem;
	align-self: center;
    }	
	
	
	
	
	
}





@media screen and (max-width: 40em) {
	

	
	/* ----- VIEWINGROOM  ------------------------------------------------------- */
	
	
	
	
   .viewing-intro, .viewing .text p, .viewing-video {
	width: 100%;
	}
	
	.viewing-small {
	width: 100%;
	}
	
	.viewing-quote {
	width: 100%;
	}
	
	.viewing-grid .gridwork1, .viewing-grid .gridwork2, .viewing-grid .gridwork3 {
	width: 100%;
	}
	
	.viewing-grid .gridwork1 {
	padding: 1rem 2rem;	
	}
	
	.viewing-grid .gridwork3-img {
	height: 80vw;	
	}
	
	.viewing-grid .gridwork2-img {
	height: 80vw;
    }
    
    .viewlink {
	width: 18px;
	height: 18px;
	transform: translate(-9px,-9px);
	}
	
    .viewflex .fas {
	font-size: .7rem;
	align-self: center;
    }	
	
}