html {
    scroll-behavior: smooth;
}

body {
    margin:0em;
    padding:0em;
    background-color:#f2f2f2;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight:100;
    overflow-x:hidden;
}


/*Background*/
video {
    position: fixed;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -3;
}

/* Overlay Styling */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 25, 54, 0.9); /* semi-transparent dark overlay */
    z-index: -2;
}



/*Fonts*/
h1 {
    font-weight:100;
    font-size:5em;
    margin:0em;
}
h2 {
    font-weight:100;
    font-size:2.0em;
}
h3 {
    font-size:1.5em;
}
a {
    text-decoration:none;
    color:#F7672B;
    border-bottom:1px #F7672B dotted;
}
a.button {
    padding:1em;
    background:#F7672B;
    text-decoration:none;
    color:#fff;
    letter-spacing:0.1em;
    border-radius:10px;
}
span {
    color:#F7672B;
}
p {
    font-size:1.5em;
}




/*NAVIGATION*/
nav {
    width:100%;
    position:fixed;
    background-color:#001936;
}
nav h2 {
    float:left;
    clear:right;
    color:#fff;
    font-weight:100;
    padding-top:0.25em;
    padding-left:1em;
}
nav ul {
    float:right;
    margin-right:2em;
}
nav ul li {
    display:inline-block;
    padding:1em;
}
nav ul li a {
    text-decoration:none;
    color:#fff;
    border:none;
}



/*Section*/
section {
    width:90vw;
    padding:10vh 5vw;
    background-color:#fff;
}
section #middle {
    max-width:1200px;
    margin:auto;
}
section aside {
    width:45%;
    padding:0em;
    margin:0em;
    float:left;
}
section aside.right {
    float:right;
}


/*Products&Services*/
section article {
    width:40%;
    float:left;
    margin-top:4em;
    margin-bottom:4em;
}
section article.right {
    float:right;
}
section article img {
    width:100%;
}



/*Formular*/
form input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;  

    width:96%;
    padding:2%;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight:100;
    font-size:1em;
    border:2px #f2f2f2 solid;
    letter-spacing:0.1em;
    margin-top:0.5em;
    margin-bottom:1.5em;
    resize:vertical;
    border-radius:10px;
}
form input:focus, textarea:focus {
    border-color:#F7672B;
}
form input[type="submit"] {
    background:#F7672B;
    color:#fff;
    border-color:#F7672B;
    cursor:pointer;
    border-radius:10px;
}



/*Footer*/
#footer {
    background: rgba(0, 25, 54, 0.9);
    width:95%;
    padding:5vh 2.5%;
    border-radius:0%;
}
#footer ul {
    margin:auto;
    color:#fff;
}
#footer ul li {
    display:inline-block;
}
#footer ul li::after {
    content:" | ";
}
#footer ul li:last-child::after {
    content:"";
}
#footer ul li a {
    text-decoration:none;
    color:#fff;
    border-bottom:1px #fff dotted;
}





/*
*   RESPONSIVE DESIGN
*/
@media screen and (max-width:1160px) {
    h1 {
        font-size:10vw;
    }
    section aside {
        float:none;
        clear:both;
        width:100%;
        margin-bottom:4em;
    }
    aside h1 {
        margin:auto;
    }
    aside p {
        margin:auto;
    }
}
@media screen and (max-width:600px) {
    section article {
        width:100%;
        float:none;
        clear:both;
        margin:auto;
        margin-bottom:5em;
    }
    section article #img {
        width:100%;
    }
}
@media screen and (max-width:600px) {
}