@font-face{
	font-family: "UnifrakturCook";
	src: url(fonts/UnifrakturCook.ttf);
}
@font-face{
	font-family: "IMFellDWPicaSC";
	src: url(fonts/IMFellDWPicaSC.ttf);
}

.sobreEscritura {
	width: 100%;
	margin: 0;
	background-color: #4682B4;
	border-radius: 0% 0% 10% 10%
}

.sobreEscritura h2 {
	width: 90%;
	margin: 0% 0% 2%;
	padding: 1% 3%;
	font: normal 3vw/1em "Bellefair", serif;	
	color: #ffe4e1;
	background-color: #292929;
	text-align: left;
	border-radius: 0px 0% 100% 0px;
}

.sobreEscritura figure {
	width: 30%;
	margin: 0%;
	padding: 0 0%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	float: left;
}

.sobreEscritura figure img {
	width: 70%;
	padding: 3% 0% 0%;
	max-height: 50vh;	

}

.sobreEscritura figure figcaption {
	width: 70%;
	font: normal .9em/1.4em "SortsGoudy", serif;
	text-align: center;
	background-color: #191919;
	color: #ffe4e1;
	padding: 1% 0%;
	text-decoration-line: underline;
}

.sobreEscritura div{
	width: 100%;
	margin: 0% 0%;
	padding: 0% 0%;
		
}

.sobreEscritura div p {
	font: normal 1.2em/1.5em "SortsGoudy", serif;
	text-align: justify;
	color: #ffe4e1;
	background-color: #292929;
	padding: 3% 5%;
	border-radius: 0% 20% 0% 30%
}

.sobreEscritura:hover {
	background-blend-mode: color; 
}

.listonEscritura01 {
	width: 100%;
	height: 100px;
	margin: 1% 0%;
	background-image: url(imago/bordeHedera.svg);
	background-size: contain;
	background-position: 0% 0%;
	background-repeat: repeat;
	clear: both;
}

.portaTextos {
	width: 100%;
	margin: 0% 0%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.portaTextos h3 {
	width: 100%;
	margin: 1% 0%;
	border-style: solid;
	border-color: #8b8b00;
	border-width: 10px 0px 0px 10px;
	border-radius: 20px 0px 0px 0px;
	font-size: 3em;
	text-align: right;
}

.portaTextos a {
	width: 33.33%;
}

.portaTextos div {
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.portaTextos div:hover {
	background-color: #8b008b;
	background-blend-mode: hue;
}

.portaTextos p
{
	font: normal small-caps normal 2em/1.2em "Georgia", serif;
	background-color: rgba(255, 0, 0, .3);
	color: white;
	text-align: center;
	margin: 0;
	padding: 2% 5%;
}

.portaTextos a:nth-child(2n) p {
	background-color: rgba(0, 0, 0, .5);
}

#a2025 h3 {
	border-color: #C71585;
	background-color: #f8bae1;
}

#a2024 h3 {
	border-color: #663399;
	background-color: #d9c6ec;
}

#a2023 h3 {
	border-color: #4682B4;
	background-color: #c8daea;
}

#a2022 h3 {
	border-color: #F08080;
	background-color: #f7bbbb;
}

@media only screen and (max-width: 600px){

	.sobreEscritura {
		width: 100%;
		margin: 0;
		background-color: #4682B4;
		border-radius: 0% 0% 10% 10%
	}

	.sobreEscritura h2 {
		width: 95%;
		height: 8vh;
		margin: 0% 0% 2%;
		padding: 2% 0% 2% 5%;
		font: normal 2em/8vh "Bellefair", serif;	
		color: #ffe4e1;
		background-color: #292929;
		border-radius: 0% 0% 70% 0%;
	}

	.sobreEscritura figure {
		width: 100%;
		margin: 0% 0% 5%;
		padding: 0 0%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		float: left;
	}

	.sobreEscritura figure img {
		width: 60%;
		padding: 5% 0% 0%;
		border-radius: 50% 50% 0% 0%;
	}

	.sobreEscritura figure figcaption {
		width: 60%;
		font: normal .7em/1.4em "SortsGoudy", serif;
		text-align: center;
		background-color: #ffe4e1;
		color: #292929;
		padding: 1% 0%;
		
	}

	.sobreEscritura div{
		width: 100%;
		margin: 0% 0%;
		padding: 0% 0%;
			
	}

	.sobreEscritura div p {
		width: 80%;
		margin: 2% 0%;
		padding: 3% 10%;
		font: normal 1em/1.4em "SortsGoudy", serif;
		text-align: justify;
		color: #ffe4e1;
		background-color: #292929;
		border-radius: 0% 20% 0% 30%
	}

	.listonEscritura01 {
	width: 100%;
	height: 50px;
	margin: 1% 0%;
	background-image: url(imago/bordeHedera.svg);
	background-size: contain;
	background-position: 0% 0%;
	background-repeat: repeat;
	}

	.portaTextos {
		width: 90%;
		margin: 0% 5%;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}

	.portaTextos h3 {
		width: 100%;
		margin: 1% 0%;
		font-size: 2em;
		line-height: 1em;
	}

	.portaTextos a {
		width: 50%;
		padding: 0% 0%;
	}

	.portaTextos div {
		width: 100%;
		height: 100px;
	}

	.portaTextos div:hover {
		background-color: #8b008b;
		background-blend-mode: hue;
	}
	.portaTextos p {
		font: normal small-caps normal 1em/1.2em "Georgia", serif;
		background-color: rgba(255, 0, 0, .3);
		color: white;
		text-align: center;
		margin: 0;
		padding: 2% 5%;
	}

	.portaTextos a:nth-child(2n) p {
		background-color: rgba(0, 0, 0, .5);
	}

}