Template:Página Prinsipal header/styles.css

/***
*Diseño visual di e cabes di e pagina
* [[Category:Template subpagina CSS]]
* [[Category:Página Prinsipal]]
***/

.mp table {
	margin: 0;
	border-collapse: separate;
}
.mp-top-header{
	padding: 1rem;
	background:#ffffff;
	margin: 1rem 0 1rem 0;
	border: 1px solid #c8ccd1; 
	border-radius: 2px; 
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	max-width:100%;
	color: #333333;
}
.mp-top-header > table{
	width: 100%;
	margin: 0;
}
.mp-top-header td {
	vertical-align: middle;
	text-align: center;
	padding: 1.5em 1em;
}
.mp-welcome {
	width: 65%;
	font-size: 1.3em;
	line-height: 150%;
	font-family:'Linux Libertine G', 'Linux Libertine', 'Linux Libertine O', 'Libertinus Serif', Georgia, serif;
}
.mp-welcome-1 {
	font-variant: small-caps;
	font-size: 185%;
}
.mp-statistics-1 {
	display: inline-block;
	text-align: left;
}
.mp-statistics-1 a{
	color: #36c;
}
.font-family-serif{
	font-family:'Linux Libertine G', 'Linux Libertine', 'Linux Libertine O', 'Libertinus Serif', Georgia, serif;
}
@media screen and (max-width: 840px){
	.hp-responsive-table,
	.hp-responsive-table > tbody,
	.hp-responsive-table > tbody > tr,
	.hp-responsive-table > tbody > tr > td {
		display: flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:auto;	
		padding: 0;
	}
	.mp-top-header{
		padding: 1em 0;
	}
	.mp-statistics-1{
		padding-top: 0.5em;
		text-align:center;
	}
}
@media screen and (max-width: 925px){
	.mp-top-header td {
		padding-left:0;
		padding-right:0
	}
}
@media screen and (max-width: 720px){
	.mp-top-header{
		border:transparent;
		box-shadow: 0 0 0 transparent;
	}
}