.contenedor-portada {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(fondo-portada.jpg) no-repeat center fixed;
 background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.conte-portada {
	margin: 1em;
	padding: 0;
	width: calc(33.33% - 2em);
    background-color: #ff9900;
    background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.centrar-p {
	padding: 20px;
    /*overflow-wrap: break-word;*/
}

.centrar-p p {
	color: #fff;
	opacity: 1;
}

.peque {
  font-size: 20px;
}

.media {
  font-size: 28px;
}

.grande {
  font-size: 43px;
}

/*----------------------------------------------*/

.conte-portada2 {
	margin: 1em;
	padding: 0;
	width: calc(33.33% - 2em);
	
 background-color: #50897d;
 background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*----------------------------------------------*/

.conte-portada3 {
	margin: 1em;
	padding: 0;
	width: calc(33.33% - 2em);
    background-color: #b6c939;
    background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*----------------------------------------------*/

.conte-portada4 {
	margin: 1em;
	padding: 0;
	width: calc(33.33% - 2em);
    background-color: #4b8cd1;
    background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*----------------------------------------------*/

.conte-portada5 {
	/*margin: 1em;*/
	padding: 0;
	width: 100%;
    background-color: #ff3300;
    background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*----------------------------------------------*/

.conte-portada6 {
	margin: 1em;
	padding: 0;
	width: calc(33.33% - 2em);
    background-color: #1274ba;
    background-size: cover;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*--------------------------------------------*/


@media screen and (max-width: 768px) {
 .conte-portada, .conte-portada2, .conte-portada3, .conte-portada4, .conte-portada6  {
 width: calc(50% - 2em);
 }
}

@media screen and (max-width: 600px) {
 .conte-portada, .conte-portada2, .conte-portada3, .conte-portada4, .conte-portada6  {
 width: calc(100% - 2em);
 }
}