span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}@font-face {
font-family: 'open_sansregular';
src: url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-regular-webfont.woff2) format('woff2'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'open_sansitalic';
src: url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-italic-webfont.woff2) format('woff2'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'open_sansbold';
src: url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-bold-webfont.woff2) format('woff2'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/opensans-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'open_sansbolditalic';
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/OpenSans-BoldItalic.woff2) format('woff2'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/OpenSans-BoldItalic.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'cormorant_garamondbold_italic';
src: url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/cormorantgaramond-bolditalic-webfont.woff2) format('woff2'),
url(//schmietendorf-elektro.de/wp-content/themes/schmietendorf/fonts/cormorantgaramond-bolditalic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInFromTop {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInFromLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInFromRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: none;
}
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
body {
font-family: 'open_sansregular';
background: #f0f0f0;
text-align: left;
font-size: 19px; 
font-size: 1.95rem;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 230px; }
html, body {
overflow-x: hidden;
overflow-x: clip;
}
h1 {
font-family: 'cormorant_garamondbold_italic';
font-size: 110px;
font-size: 11.0rem; 
line-height: 0.85;
letter-spacing: 0.03em;
color: #01509d;
}
.page-has-post-thumbnail h1 {
position: absolute;
z-index: 10;
bottom: -22px;
right: 7%;
color: #ffffff;
text-align: right;
}
.home .page-has-post-thumbnail h1, .page-id-25 .page-has-post-thumbnail h1, .page-id-31 .page-has-post-thumbnail h1 {
bottom: -114px;
}
@media screen and (min-width: 1201px) {
h1 {
opacity: 0;
animation: fadeInFromRight 0.7s ease 0.1s forwards;
}
}
h1 .bigger, h1.bigger {
font-size: 160px;
font-size: 16.0rem;
}
h1 mark { display: block;
}
h2, .h2 {
font-family: 'cormorant_garamondbold_italic';
font-size: 50px;
font-size: 5rem;
line-height: 1;
margin-top: 38px;
margin-bottom: 38px;
color: #f39501;
}
h2:first-child, .h2:first-child {
margin-top: 0;
}
h3, .h3 {
font-family: 'open_sansbold';
font-size: 22px;
font-size: 2.2rem;
margin-top: 38px;
margin-bottom: 15px;
line-height: 1.2;
color: #f39501;
}
h4 {
font-family: 'open_sansbold';
margin-top: 30px;
margin-bottom: 15px;
line-height: 1.2;
color: #f39501;
}
p {
margin-bottom: 30px;
}
p:last-child {
margin-bottom: 0;
}
.wp-block-image {
margin-bottom: 30px;
}
a {
color: #f39501;
text-decoration: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
article ul, article ol {
margin-bottom: 30px;
}
article ul:last-child, article ol:last-child {
margin-bottom: 0;
}
article ul li {
position: relative;
padding-left: 20px;
margin-bottom: 5px;
}
article ul li:before {
content: '-';
position: absolute;
left: 0;
}
article ol {
counter-reset: foo;
display: table;
}
article ol li {
list-style: none;
counter-increment: foo;
display: table-row;
}
article ol li:before {
content: counter(foo) ".";
display: table-cell;
text-align: right;
padding-right: 1em;
}
article img {
max-width: 100%;
height: auto;
display: block;
}
article img.alignleft {
float: left;
margin-right: 30px;
margin-bottom: 30px;
}
article img.alignright {
float: right;
margin-left: 30px;
margin-bottom: 30px;
}
strong {
font-family: 'open_sansbold';
}
strong em {
font-family: 'open_sansbolditalic';
}
em {
font-family: 'open_sansitalic';
}
.wp-post-image {
display: block;
width: 94.5%;
height: 985px;
object-fit: cover;
}
body:not(.home) .wp-post-image {
height: 895px;
}
header {
position: relative;
max-width: 1826px;
margin: auto;
}
body:not(.home) header {
margin-top: 140px;
}
header a#logo {
position: absolute;
z-index: 10;
top: 90px;
right: 7%;
width: 602px;
height: auto;
display: block;
}
body:not(.home) header a#logo {
width: 440px;
top: -90px;
right: 0;
}
header a#logo img {
display: block;
width: 100%;
height: auto;
}
header #main-menu-bg {
position: absolute;
z-index: 10;
top: 90px;
left: -170px;
width: 770px;
height: 45px;
background: #01509d;
}
body:not(.home) header #main-menu-bg {
top: 0;
}
#nav-icon {
display: none;
}
header nav#main-menu {
position: absolute;
z-index: 11;
left: 280px;
top: 97px;
}
body:not(.home) header nav#main-menu {
top: 7px;
}
header nav#main-menu ul li {
display: inline-block;
margin-right: 40px;
}
header nav#main-menu ul li:last-child {
margin-right: 0;
}
header nav#main-menu ul li a {
color: #ffffff;
font-size: 18px;
font-size: 1.8rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
header nav#main-menu ul li a:hover {
color: #f39501;
}
header nav#main-menu ul li.current-menu-item a {
color: #f39501;
}
#header-image {
position: relative;
max-width: 1826px;
margin: auto;
display: flex;
justify-content: flex-end;
}
#header-image #back-to-home {
display: block;
position: absolute;
z-index: 1;
bottom: -50px;
left: 280px;
border-bottom: 2px solid;
}
#header-image #back-to-home.no-header-image {
bottom: -100px;
}
main #back-to-home {
display: none;
font-size: 16px;
margin-bottom: 30px;
border-bottom: 1px solid;
}
.home #back-to-home {
display: none !important;
}
ul#leistungen {
position: absolute;
z-index: 9;
top: 135px;
left: 0;
width: 380px;
margin-left: -170px;
}
body:not(.home) ul#leistungen {
top: 45px;
}
ul#leistungen li a {
display: block;
font-family: 'open_sansbolditalic';
font-size: 31px;
font-size: 3.1rem;
text-transform: uppercase;
letter-spacing: 0.03em;
background: #ffffff;
height: 185px;
margin-bottom: 15px;
box-sizing: border-box;
text-align: right;
padding: 15px 43px 0 0;
color: #01509d;
}
@media screen and (min-width: 1201px) {
ul#leistungen li a:hover {
transform: translateX(20px);
color: #f39501;
}
}
body.page-id-29 ul#leistungen li a#elektrotechnik, body.page-id-31 ul#leistungen li a#sicherheit, body.page-id-33 ul#leistungen li a#sauna-spa, body.page-id-35 ul#leistungen li a#emobilitaet, body.page-id-37 ul#leistungen li a#partner {
color: #f39501;
}
main {
background: #dbdbdb;
max-width: 1826px;
margin: auto;
position: relative;
}
main::before {
content: '';
position: absolute;
left: -170px;
top: 0;
height: 100%;
width: 170px;
background: #dbdbdb;
}
article {
padding: 160px 70px 70px 70px;
margin-left: 210px;
max-width: 740px;
box-sizing: border-box;
min-height: 470px;
}
article.wider {
max-width: 1200px;
}
footer {
background: #dbdbdb;
position: relative;
max-width: 1826px;
min-height: 310px;
margin: auto;
}
footer::before {
content: '';
position: absolute;
left: -170px;
top: 0;
height: 100%;
width: 170px;
background: #dbdbdb;
}
footer #footer-menu-bg {
box-sizing: border-box;
position: absolute;
left: -170px;
width: 1050px;
height: 45px;
background: #01509d;
}
footer nav#footer-menu {
position: absolute;
left: 280px;
top: 6px;
}
footer nav#footer-menu ul li {
display: inline-block;
margin-right: 40px;
}
footer nav#footer-menu ul li:last-child {
margin-right: 0;
}
footer nav#footer-menu ul li a {
color: #ffffff;
font-size: 18px;
font-size: 1.8rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
footer nav#footer-menu ul li a:hover {
color: #f39501;
}
footer nav#footer-menu ul li.current-menu-item a {
color: #f39501;
}
#contact {
position: absolute;
top: -22px;
right: 7%;
text-align: right;
line-height: 1.2;
}
#contact a {
color: #000000;
}
#contact a:hover {
color: #f39501;
} .wp-block-gallery.logos {
padding: 3em 3em 0 3em;
box-sizing: border-box;
background-color: #fff;
margin-left: -450px;
position: relative;
}
.wp-block-gallery.logos .wp-block-image {
margin: 0 !important;
margin-bottom: 3em !important;
align-items: center;
}
.wp-block-gallery.has-nested-images.logos figure.wp-block-image img {
max-width: 70% !important;
}
@media screen and (max-width: 2280px) {
body:not(.home) header {
margin-top: 140px;
}
header a#logo {
top: 60px;
right: 4%;
width: 440px;
}
body:not(.home) header a#logo {
top: -90px;
width: 440px;
}
header #main-menu-bg {
top: 60px;
left: -115px;
width: 660px;
}
header nav#main-menu {
top: 67px;
left: 225px;
}
ul#leistungen {
top: 105px;
width: 290px;
margin-left: -115px;
}
ul#leistungen li a {
font-size: 24px;
font-size: 2.4rem;
height: 150px;
padding: 12px 37px 0 0;
}
h1 {
font-size: 100px;
font-size: 10.0rem;
}
.page-has-post-thumbnail h1 {
right: 4%;
bottom: -19px;
}
.home .page-has-post-thumbnail h1, .page-id-25 .page-has-post-thumbnail h1, .page-id-31 .page-has-post-thumbnail h1 {
bottom: -104px;
}
h1 .bigger, h1.bigger {
font-size: 140px;
font-size: 14.0rem;
}
h1 mark { }
main::before, footer::before {
left: -115px;
width: 115px;
}
article {
padding: 130px 50px 50px 50px;
margin-left: 175px;
max-width: 700px;
min-height: 390px;
}
footer {
min-height: 260px;
}
footer #footer-menu-bg {
left: -115px;
width: 940px;
}
footer nav#footer-menu {
left: 225px;
}
#contact {
right: 4%;
top: -23px;
}
.wp-post-image {
height: 805px;
}
body:not(.home) .wp-post-image {
height: 745px;
}
.wp-block-gallery.logos {
margin-left: -340px;
}
#header-image #back-to-home {
font-size: 16px;
bottom: -50px;
left: 225px;
}
}
@media screen and (max-width: 1950px) {
#contact {
font-size: 15px;
top: -6px;
}
}
@media screen and (max-width: 1950px) {
#contact {
top: -10px;
line-height: 1.3;
}
}
@media screen and (max-width: 1820px) {
body {
font-size: 18px;
font-size: 1.8rem;
padding: 0 180px;
}
body:not(.home) header {
margin-top: 130px;
}
header a#logo {
right: 4%;
width: 390px;
}
body:not(.home) header a#logo {
top: -80px;
width: 390px;
}
header #main-menu-bg {
left: -90px;
width: 540px;
}
header nav#main-menu {
left: 210px;
}
header nav#main-menu ul li {
margin-right: 27px;
}
header nav#main-menu ul li a {
font-size: 14px;
font-size: 1.4rem;
}
ul#leistungen {
width: 250px;
margin-left: -90px;
}
ul#leistungen li a {
font-size: 22px;
font-size: 2.2rem;
height: 120px;
padding: 9px 30px 0 0;
margin-bottom: 12px;
}
h1 {
font-size: 90px;
font-size: 9.0rem;
}
.page-has-post-thumbnail h1 {
bottom: -18px;
}
.home .page-has-post-thumbnail h1, .page-id-25 .page-has-post-thumbnail h1, .page-id-31 .page-has-post-thumbnail h1 {
bottom: -93px;
}
h1 .bigger, h1.bigger {
font-size: 130px;
font-size: 13.0rem;
}
h1 mark { }
h2, .h2 {
font-size: 44px;
font-size: 4.4rem;
}
main::before, footer::before {
left: -90px;
width: 90px;
}
article {
padding: 110px 50px 50px 50px;
margin-left: 160px;
max-width: 555px;
min-height: 340px;
}
footer #footer-menu-bg {
left: -90px;
width: 755px;
}
footer nav#footer-menu {
left: 210px;
}
footer nav#footer-menu ul li {
margin-right: 27px;
}
footer nav#footer-menu ul li a {
font-size: 14px;
font-size: 1.4rem;
}
.wp-post-image {
height: 668px;
}
body:not(.home) .wp-post-image {
height: 608px;
}
.wp-block-gallery.logos {
margin-left: -300px;
}
#header-image #back-to-home {
bottom: -50px;
left: 210px;
}
}
@media screen and (max-width: 1550px) {
body {
padding: 0 45px 0 170px;
}
footer {
min-height: 200px;
}
}
@media screen and (max-width: 1400px) {
h1 {
font-size: 74px;
font-size: 7.4rem;
}
.page-has-post-thumbnail h1 {
bottom: -14px;
}
.home .page-has-post-thumbnail h1, .page-id-25 .page-has-post-thumbnail h1, .page-id-31 .page-has-post-thumbnail h1 {
bottom: -76px;
}
h1 .bigger, h1.bigger {
font-size: 100px;
font-size: 10.0rem;
}
h1 mark { }
footer #footer-menu-bg {
width: calc(96% + 90px);
}
#contact {
top: 60px;
}
}
@media screen and (max-width: 1200px) {
body {
padding: 0;
font-size: 16px;
font-size: 1.6rem;
}
h3, .h3 {
font-size: 18px;
font-size: 1.8rem;
}
header, body:not(.home) header {
padding: 22px 4% 5px 4%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
display: flex;
justify-content: space-between;
align-items: flex-end;
background-color: #ffffff;
}
header a#logo, body:not(.home) header a#logo {
display: block;
width: 300px;
left: 0;
top: 0;
position: relative;
}
header #main-menu-bg, body:not(.home) header #main-menu-bg {
display: none;
}
header nav#main-menu, body:not(.home) header nav#main-menu {
position: relative;
left: initial;
top: initial;
max-width: 100%;
margin: 0;
box-sizing: border-box;
padding: 0;
padding-bottom: 9px;
}
header nav#main-menu ul li {
}
header nav#main-menu ul li a {
color: #01509d;
}
#header-image {
display: block;
}
.wp-post-image, body:not(.home) .wp-post-image {
width: 100%;
height: auto;
min-height: initial;
object-fit: initial;
}
ul#leistungen, body:not(.home) ul#leistungen {
position: relative;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
}
ul#leistungen:after {
content: '';
display: block;
clear: both;
}
ul#leistungen li a {
font-size: 18px;
font-size: 1.8rem;
display: block;
float: left;
width: 20%;
height: auto;
margin-bottom: 0;
box-sizing: border-box;
text-align: center;
padding: 10px;
border-right: 1px solid #dcdcdc;
}
ul#leistungen li:last-child a {
border-right: 0;
}
h1, .page-has-post-thumbnail h1, .home .page-has-post-thumbnail h1, .page-id-25 .page-has-post-thumbnail h1, .page-id-31 .page-has-post-thumbnail h1 {
position: relative;
bottom: initial;
right: initial;
text-align: left;
margin-bottom: 30px;
}
h1, h1 .bigger, h1.bigger {
font-size: 4rem;
color: #01509d;
}
h2, .h2 {
font-size: 3rem;
}
h1 + h2, h1 + .h2 {
margin-top: -15px;
}
article {
padding: 50px 4%;
margin-left: 0;
max-width: 600px;
min-height: auto;
margin: auto;
}
footer #footer-menu-bg {
position: relative;
width: 96%;
left: 0;
}
footer nav#footer-menu {
left: 0;
right: 0;
max-width: 600px;
margin: auto;
box-sizing: border-box;
padding: 0 4%;
}
.wp-block-gallery.logos {
width: 100vw !important;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
#header-image #back-to-home {
display: none;
}
main #back-to-home {
display: inline-block;
}
main, footer {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
header, body:not(.home) header {
padding: 20px 4% 5px 4%;
}
header a#logo, body:not(.home) header a#logo {
width: 250px;
}
header nav#main-menu, body:not(.home) header nav#main-menu {
padding-bottom: 5px;
}
}
@media screen and (max-width: 900px) {
ul#leistungen li a {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 800px) {
#header-image {
background: #dbdbdb;
}
article {
padding: 30px 4%;
}
}
@media screen and (max-width: 720px) { ul#leistungen li a {
float: none;
width: 100%;
border: 0;
}   .hamburger {
padding: 15px;
position: relative;
right: -15px;
top: -8px;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
body.menu-active .hamburger:hover {
opacity: 0.7; }
body.menu-active .hamburger .hamburger-inner,
body.menu-active .hamburger .hamburger-inner::before,
body.menu-active .hamburger .hamburger-inner::after {
background-color: #01509d; }
.hamburger-box {
width: 34px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 34px;
height: 4px;
background-color: #01509d;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
body.menu-active .hamburger--spin .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
body.menu-active .hamburger--spin .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
body.menu-active .hamburger--spin .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
#nav-icon {
display: flex;
}
body {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
position: relative;
right: 0;
}
body.menu-active {
right: 230px;
}
header, body:not(.home) header {
padding: 19px 4% 5px 4%;
}
header nav#main-menu, body:not(.home) header nav#main-menu {
position: fixed;
width: 230px;
right: -230px;
height: 100%;
top: 0;
overflow-y: scroll;
background-color: #01509d;
display: flex;
flex-direction: column;
justify-content: space-between;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.menu-active header nav#main-menu {
right: 0;
}
header nav#main-menu > div {
height: initial;
}
header nav#main-menu .menu, ul#leistungen, body:not(.home) ul#leistungen {
height: initial;
padding: 20px 20px 30px 20px;
}
header nav#main-menu #menu-header {
padding-bottom: 0;
}
ul#leistungen, body:not(.home) ul#leistungen {
padding-top: 0;
}
header nav#main-menu a, header nav#main-menu a:hover {
color: #ffffff !important;
}
header nav#main-menu .menu {
flex-direction: column;
padding: 20px;
box-sizing: border-box;
}
header nav#main-menu .menu > li, header nav#main-menu ul li {
display: block;
border-bottom: 1px solid #196fc4;
margin: 0;
}
header nav#main-menu .menu > li > a, ul#leistungen li a {
padding: 10px;
display: block;
text-align: left;
font-size: 13px;
font-family: 'open_sansregular';
background-color: transparent;
}
}
@media screen and (max-width: 640px) {
footer {
min-height: auto;
padding-bottom: 30px;
}
footer #footer-menu-bg {
display: none;
}
footer nav#footer-menu {
max-width: 100%;
padding: 10px 4%;
background: #01509d;
text-align: center;
position: relative;
top: 0;
}
footer nav#footer-menu ul li, footer nav#footer-menu ul li:last-child {
margin: 0 6px;
}
#contact {
top: 0;
left: 0;
right: 0;
margin-top: 20px;
text-align: center;
position: relative;
width: 100%;
box-sizing: border-box;
padding: 0 4%;
}
h1 {
font-size: 3.5rem;
}
h2, .h2 {
font-size: 2.8rem;
}
h1 + h2, h1 + .h2 {
margin-top: -20px;
}
}
@media screen and (max-width: 350px) {
header, body:not(.home) header {
padding: 15px 4% 5px 4%;
}
header a#logo, body:not(.home) header a#logo {
width: 225px;
}
.hamburger {
top: -5px;
}
}