/* Aplicamos modificaciones de base.css */

body {
	background: #f5f5f5;
}

header {
	height: 92px;
}

footer {
	color: #fff;
	background: #444;
}

.change-header {
	/* height: 52px; */
	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: 55px;
	right: 0;
	transition: all 0.2s ease;
}

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

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

.frontpage-content-section {
	margin: 0 auto;
	/* margin-top: 20px; */
	margin-bottom: 20px;
	width: 70%;
}

#return-to-top {
	bottom: 6px;
}

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

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

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

	.frontpage-content-section {
		width: 100% !important;
		padding: 0 20px;
	}
	.frontpage-content-section img {
		max-width: 100%;
		max-height: 100%;
	}
}

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