body {
background: linear-gradient(270deg, #fefdfe, #eef1fa);
background-size: 400% 400%;
-webkit-animation: BackgroundAnimation 30s ease infinite;
-moz-animation: BackgroundAnimation 30s ease infinite;
animation: BackgroundAnimation 30s ease infinite;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color:#000;
}
h2 {
color:#0e2773;
font-size:40px;
font-weight:bold;
margin:0;
}
.site-header {
height:200px;
}
@-webkit-keyframes BackgroundAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes BackgroundAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes BackgroundAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.header-container {
display:flex;
padding:50px 10vw;
max-width:1500px;
margin:0 auto;
}
.site-header .site-branding {
width:25%;
}
.site-header .main-navigation {
width:75%;
}
.site-header .main-navigation ul {
float:right;
}
.site-header .main-navigation #primary-menu .menu-item {
margin: 10px;
font-size: 18px;
}
.site-header .main-navigation #primary-menu .menu-item a {
color: #0e2773;
text-transform:uppercase;
padding:5px 10px;
transition:1s all;
font-weight:bold;
}
.site-header .main-navigation #primary-menu .menu-item a:after {
content: "";
background: #0e2773;
position: absolute;
width: 0px;
height: 3px;
top: 37px;
left: 50%;
transform: translateX(-50%);
transition:1s all;
}
.site-header .main-navigation #primary-menu .menu-item a:hover {
color:#f21905;
}
.site-header .main-navigation #primary-menu .menu-item a:hover:after {
content: "";
background: #f21905;
position: absolute;
width: 100%;
height: 3px;
top: 37px;
left: 50%;
transform: translateX(-50%);
}
.site-header .site-branding {
-webkit-animation: fadein 5s; -moz-animation: fadein 5s; -ms-animation: fadein 5s; -o-animation: fadein 5s; animation: fadein 5s;
}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
.floating-icons 
{
position:fixed;
top:20%;
z-index:1000;
left:20px;
display:grid;
}
.floating-icons .float-icon
{
border: 2px solid #0e2773;
border-radius: 2px;
margin: 5px 0;
padding: 5px 10px;
color: #0e2773;
text-align: center;
font-size: 30px;
transition:1s all;
cursor:pointer;
}
.floating-icons .float-icon:hover
{
border: 2px solid #f21905;
background:#f21905;
color: #fff;
}
@media screen and (max-width: 37.5em) {
.back-bg {
display:none;
}
.hidden-mobile {
display:none;
}
#primary-menu {
position:absolute;
left:50%;
transform:translateX(-50%);
background:white;
z-index:1001;
width:100%;
top:180px;
padding:20px;
border-top: 2px solid #0e2773;
border-bottom: 2px solid #0e2773;
}
.reverse-mobile {
flex-direction: column-reverse;
}
.site-header .site-branding {
width:80%;
}
.site-header .main-navigation {
width:20%;
padding-left:15px;
}
.menu-toggle {
background: #0e2773;
border: none;
color: white;
font-size: 25px;
padding: 10px 15px;
}
.floating-icons 
{
position:fixed;
top:unset;
bottom:0;
z-index:1000;
left:0px;
width:100%;
display:block;
background:white;
border-top:2px solid #0e2773;
text-align:center;
padding:10px 0;
}
.float-icon {
width:50%;
border: 2px solid #0e2773;
border-radius: 2px;
margin: 0;
padding: 0;
color: #0e2773;
text-align: center;
font-size: 30px;
transition:1s all;
cursor:pointer;        
}
.site-header {
height:100px;
}
}
.back-bg {
z-index:-1;
background:url(https://i.ibb.co/GtmF6cw/zdjecie-klima.jpg) no-repeat;
background-size:cover;
position:absolute;
left:0;
width:100%;
height:1000px;
margin-top:-100px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.h2-td {
color: #000844;
font-size: 50px;
font-weight: bold;
margin: 0;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 3px;
}