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

#prop_competicions {
	height: 70vh;
	width: 100%;
	overflow: hidden;
	place-items:center;
	display:grid;
	background: rgb(216,0,111);
	background: linear-gradient(0deg, rgba(216,0,111,1) 0%, rgba(0,0,0,1) 90%);
}
#comp_centre {
  	position: relative;
  	width: 80%;
  	height: 60vh;
}
#cartel {
	width:50%;
	position: relative;
	float:left;	
}
#cartel img {
	width:100%;
	height:100%;
	object-fit:cover; 
}
#txt-cartel {
	width:46%;
	position: relative;
	float:left;
	padding: 2% 2%;
}
#txt-cartel p {
	color:#FFF;
	text-align:center;
	font-size: 1.2em;
}
#txt-cartel p.cartel-tit {
	margin-bottom:1em;
	font-size: 1.6em;
	font-family:"Comic Sans MS", cursive;
}
#txt-cartel a {
	font-size: 1.4em;
	color:#FFF;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) { 
#prop_competicions {
	height: 80vh;
}
#comp_centre {
  	height: 70vh;
}
#txt-cartel p {
	font-size: 0.8em;
}
#txt-cartel p.cartel-tit {
	font-size: 1.2em;
}
#txt-cartel a {
	font-size: 1em;
}
}
@media screen and (max-width:800px) {
#prop_competicions {
	height: 820px;
	width: 100%;
	place-items:center;
	display:grid;
}
#comp_centre {
  	position: relative;
  	width: 90%;
  	height: 760px;
	padding-top:4em;
}
#cartel {
	width:100%;
	position: relative;
	float:none;	
}
#txt-cartel {
	width:96%;
	position: relative;
	float:none;
}