@font-face {
    font-family: 'oswald';
    src: url('/dis/Oswald/Oswald-VariableFont_wght.ttf') format("truetype");
	
}
body {
	font-family: oswald;
}
.header {
    text-align: unset;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 4em;
	margin-top: 2em;
}
.sidebar {
    background: #fff;
    color: #fff;
	text-align:left;
}

.nav-item a, .nav-item button {
    background: #e4002b;
    border: none;
	border-bottom-right-radius:1em;
	margin-left: 1em;
    margin-bottom: 1em;
	margin-top: 0em;
	min-width: 8em;
	width: 70%;
}
.nav-item a:hover,
.nav-item a:focus,
.nav-item button:hover,
.nav-item button:focus {
    border: unset;
    text-decoration: unset;
}
.margenes{
	margin-left:1em;
	margin-right: 0.5em;
}
.content {
	background-color: #222;
	background-image: url("dis/stars-in-the-sky-min.jpeg");
	background-size:cover; 
background-repeat: no-repeat;
background-attachment: fixed;

}
.post-title {
    color:#e4002b;
	font-weight:bolder;
	font-style:italic;
	font-variation-settings: 'GRAD' 149;
	/*font-optical-sizing:130;*/

}
.post-image-meta {
    margin-top: -4.5em;
};
.content-subhead {
    text-transform: uppercase;
    color: #aaa;
    border-bottom: 1px solid #eee;}
.post-description {/*TODO: aqui va el tipo de fuente que usaré*/
	font-family: Georgia, "Cambria", serif;
    color: #FFF;
}
.post-image-meta {
    text-shadow: 0 0px 2px #222;
}
.esquinero{
	position: fixed;
	bottom: 1em;
	right: 1em;
width: 4em;
display: none;
}

.slogan{
	position:absolute;
color:black;
	right: 1em;
	margin-top: 0.5em;
	font-size: 0.8em;
	
}
.pure-menu-item{
	color:#aaa;
}
.post-description .texto{
	font-size:x-large;
	font-family: sans-serif;
	color:#EEE;
}
.contacto {

    background: #111;
    color:#e4002b;
    border-color: #e4002b;
}
@media (min-width: 48em) {
 .content {
        padding: 2em 6em 0;	
        margin-left: 20%;
    }
	.header{
		margin:unset;
	}
	.slogan{

	/*position:absolute;*/
	bottom: 1em;

	right: 1em;
	}
	.nav-item {

		display: block;
	}
	.nav-item a,.nav-item button {
		margin-left: 0em;
		margin-bottom: 0em;
		margin-top: 1em;
		font-size:larger;

	border-bottom-right-radius:1.4em;
	}
	.esquinero{
		display: initial;
	}

}
.subpost{
	padding: 2em;


}
.colorMarca
{
	color:#e4002b;
}

.footer {
    padding: 1em 0;
	bottom:0;
}
.footer a {
    color: #ccc;
    font-size: 80%;
}
.post-title button {
    color: #ed5555;
    font-size: 0.5em;
}