html, body {
    height: 100vh;
}

.container-fluid {
    height: calc(100% - 30px) ;
    text-align: center;
}

.container-fluid .row  {
    height: 100%;
    text-align: center;
}

.exterior {
	background: url('../../../images/escenarios/exterior5.jpg') no-repeat; 
  	
  	background-position: bottom right;


}

.interior {
	background: url('../../../images/escenarios/interior5.jpg') no-repeat center center;
   

}

.container-fluid a {
	font-size: 300%;
	color: #FFFFFF;
	font-weight: 300;
	position: relative;
	top: 70%;
	/*
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	*/
	padding: 4% 5%;

}


/* Small devices */
@media (max-width: 768px) { 
	
	.container-fluid {
	    height: calc(100vh - 50px) ;
	    text-align: center;
	}

	.exterior {
		background-position: center center;

	}

	.exterior a {
		top: 35%;		
		border-radius: 10px;
		padding: 10px 30px;
		font-size: 28px;
		background: url('../../../images/bg/bg_40.png') repeat;
	}

	.interior a {
		top: 50%;		
		border-radius: 10px;
		padding: 10px 30px;
		font-size: 28px;
		background: url('../../../images/bg/bg_40.png') repeat;
	}

}