@charset "utf-8";
/* CSS Document */	

body{ margin:0; text-align:center; background-color: #363636; }
	body, html{height: 100%;}
	#cont{
		width:100%;
		height: 100vh;
		/*background-image: url(media/studioa_uc_portada.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;*/
	}
	#content{ 
		width:100%; 
		/*max-width:1500px; */
		margin:0 auto;  
		display: block;
	}

	#content img{
		width:100%;
		height:auto;
		display: block;
		/*position: absolute;
		top: 15vh; bottom: 0; left: 0; right: 0;*/
	}
	.media-img{
		background-image: url(media/studioa_uc_portada.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 400px;
		width: 100%;
		display: none;
	}
	
	#sa-logo{
		fill: white;
		max-width: 200px;
		margin: 30px auto;
		display: block;
	}
	
	.txt-uc{
		font-size: 1.5em;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
		color: white;
		position: absolute;
		bottom: 5vh;
		left: 0; right: 0;
		margin: 0 auto;
		width: 100%;
	}

.txt-uc a{
	text-decoration: none;
	color: lightgrey;
	display: block;
	padding: 20px 0;
}
.txt-uc a:hover{
	text-decoration: none;
	color:white;
}

	.txt-tag{
		font-size: 1.5em;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
		color: white;
		display: block;
		margin:  0 auto;
		/*position: absolute;
		bottom: 40px;
		left: 0; right: 0;
		margin: 0 auto;*/
		
	}

	
	@media (max-width: 1200px){
	#content img{
		display: none;
	}	  
	.media-img{
			display: block;
		background-image: url(../media/studioa_uc_portada.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 400px;
		width: 100%;
		}
		.txt-uc{
		bottom: 8vh;
		}
		.txt-tag{
		font-size: 1em;
		}
		.txt-uc a{
	font-size: 0.8em;
}

}