/* Aplicamos modificaciones de base.css */

body {
	background: #f5f5f5;
}

header {
	height: 50px;
}

#container {
	padding-top: 60px !important;
}

footer {
	color: #fff;
	background: #444;
	height: 38px;
}

.change-header {
	/* height: 46px; */
	background: #444;
}

/* h2, h3 {
	color: #999;
} */

p {
	color: #666;
}

#content {
	display: none;
}

#container {
	padding-top: 120px;
}

#content {
	margin: 0 auto;
	width: 70%;
}

#logo {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 0;
	transition: all 0.3s ease;
}

.change-logo {
	/* text-align: left; */
}

#frontpage-toolbar {
	position: absolute;
	top: 10px;
	right: 0;
	transition: all 0.2s ease;
}

#frontpage-toolbar .toolbar-button {
	margin: 0;
}

.change-frontpage-toolbar {
	/* top: 8px !important; */
}

.frontpage-content-section {
	margin-bottom: 30px;
}

img {
	max-width: 100% !important;
	max-height: 100% !important;
}

/* Media queries */
@media (max-width: 660px) {
	#content {
		width: 100%;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	body, header, footer {
		min-width: 360px;
	}
}

@media (max-width: 500px) {
	footer {
		font-size: 9pt;
	}
}