@media screen and (max-width: 350px) {
	.layout .logo,
	.layout .logo {
		opacity: 0.4;
	}
}
@media screen and (max-width: 810px) {
	/* mobile fixes */
	.layout *, .layout *:before, .layout *:after {
		box-sizing: border-box;
	}
	.layout .top {
		height: auto;
	}
	.layout.p-1 .left {
		display: none;
	}
	.layout.p-1 .center {
		padding-block-start: 0;
	}
	.layout .claim {
		position: static;
		max-width: 100%;
		height: auto;
		margin-top: 3rem;
		padding: 1rem;
	}
	.layout {
		width: 95%;
		max-width: 64rem;
		background-position: center top;
	}
	.layout .left,
	.layout .center {
		float: none;
		margin: 0; padding: 2rem;
		width: 100%;
	}
	.layout .top-nav {
		margin: 0;
		padding: 2rem;
		position: static;
	}
	.layout .top-nav li {
		display: block;
	}
	.layout .top-nav li.hide {
		display: none;
	}
	.layout .top-nav li.lang {
		margin-left: 0;
	}
	.layout .top-nav a {
		background-color: #fff;
		paddding: 2px;
	}
	.layout a.active {
		color: #4f4f4f;
	}
	.layout .left-nav {
		margin: 0;
		width: auto;
	}
	.energy-logo {
		right: 0;
		bottom: -60px;
	}
}