.portrait {display:none}
.landscape {display:block}

.columns-6-5 {
	grid-template-columns: 54.54% 45.46%;
}

.columns-10-1 {
	grid-template-columns: 82.8% 18.2%;
}

.columns-2-2-3-4 {
	grid-template-columns: 18.18% 18.18% 27.27% 36.37%;
}

.columns-1 {
	grid-template-columns: 100%;
}

.columns-55-55 {
	grid-template-columns: 50% 50%;
}

[id=languages] span.landscape {	
	display: inline-block;
}

[id=menu-mobi] {display:none ! important}

[id|=container-form] {
    background-image:url('../img/form_bg.jpg');
    background-repeat:no-repeat;
    background-size: 100% auto;
    background-position:center;	
}

[id=container-form-sp] {
	background-image:url('../img/form_bg_sp.jpg');
}

[id=solution-inverter] {
	position: absolute;
	bottom: calc(-3*var(--page-horizontal-margin));
	right: calc(2 * var(--page-horizontal-margin));
	width: 22rem;	
	height: auto;	
}

[id=solar-panel-page] [id=solution-inverter] {
	top: 14vw;
	left: calc(0.5 * var(--page-horizontal-margin));
	right: auto;
	bottom: auto;
	width: 33rem;	
}

[id=storage-text] {
	bottom: calc(0.8*var(--page-horizontal-margin));
	right: calc(4.75 * var(--page-horizontal-margin));
}

[id=solar-panel] {
	position: absolute;
	bottom: calc(-2.5*var(--page-horizontal-margin));
	left: calc(3 * var(--page-horizontal-margin));
	width: 26rem;	
	height: auto;	
}

[id=solar-panel-text] {
	bottom: calc(0.8*var(--page-horizontal-margin));
	left: calc(1.5 * var(--page-horizontal-margin));
}

[id=storage-text] div:last-child, [id=solar-panel-text] div:last-child, [id=storage-solutions] div:last-child, [id=energy-solutions] div:last-child {
	background-color: #000;
	border-radius: 0.6rem;
}

[id=cols3] > div {
	display: inline-block;
	width: calc(33.3333% - 2rem);
	vertical-align: top;
}

[id=cols3] > div:first-child {
	margin: 0 1rem 0 0;
}

[id=cols3 >] div:nth-child(2) {
	margin: 0;
}

[id=cols3] > div:last-child {
	margin: 0 0 0 1rem;
}

[id=cols3] > div div {
	border-radius: 2rem;
	padding: 1rem;
	height: 80px;
}

[id=cols3] > div:first-child div {
	background-color: var(--color-red);
}

[id=cols3] > div:nth-child(2) div {
	background-color: var(--color-yellow);
}

[id=cols3] > div:last-child div {
	background-color: var(--color-green);
}

[id=storage-solutions] {
	bottom: calc(4*var(--page-horizontal-margin));
	left: calc(2.5 * var(--page-horizontal-margin));
}

[id=energy-solutions] {
	bottom: calc(2.5*var(--page-horizontal-margin));
	right: calc(1 * var(--page-horizontal-margin));
}

.wrapper#narrow {
	max-width: 800px;
	margin: 0 auto;
}

[id=container-contacts] div {
	width: 30%;
	vertical-align: top;
}