html, body {
    transition: 0.5s;
    background: black;
}

html {
    overflow: hidden;
}

.header {
    background: #585858;

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 145px;
}

#h-text, #h-text-2, #h-text-3, #h-text-4 {
    color: white;
    font-size: 40px;
    margin: auto;
    position: relative;
    display: inline;
}

#h-text {
    left: 0.5%;
}

.red-seperator {
    background: #9B1C1D;
    position: relative;
    left: 0.5%;
    width: 195px;
    height: 47px;
    box-shadow: 2px 1px 3px white;
}

#h-text-2 {
    left: 7%;
}

#h-text-3, #h-text-4 {
    left: 27%;
    top: -90px;
    font-size: 25px;
}

#h-text-4 {
    position: relative;
    left: 32%;
}

.header a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    display: inline;
    font-size: 17px;
}

p {
    display: inline;
    color: white;
    font-size: 17px;
}

.menubar {
    position: relative;
    top: -35%;
    left: 35%;
}

#h-icon {
    font-weight: normal;
}

.split-bar-x {
    height: 1.7px;
    width: 100%;

    background-color: grey;
    position: absolute;
    left: 0;
    top: 146.8px;
}

.services {
    position: relative;
    color: white;

    top: 155px;
    left: 5px;
    width: 270px;
}

.services p {
    font-size: 20px;
    font-weight: bold;
}

span {
    font-size: 16px;
    font-weight: normal;
}

.split-bar-y {
    height: 100%;
    width: 1px;

    background-color: grey;
    position: absolute;
    left: 300px;
    top: 146.8px;
}

.main-contents {
    position: relative;
    left: 45%;
    top: -250px;
}

#main-para {
    position: relative;
    left: 50%;
    top: -200px
}

img {
    position: absolute;
}

#img-1 {
    left: 39%;
    top: 320px;
    width: 130px;
}

#img-2 {
    left: 50%;
    top: 420px;
    width: 180px;
}

#img-3 {
    left: 65%;
    top: 420px;
    width: 200px;
}

#img-4 {
    left: 62%;
    top: 300px;
    width: 100px;
}

#img-5 {
    left: 62.5%;
    top: 217px;
    width: 90px;
}

#img-6 {
    left: 70.5%;
    top: 327px;
    width: 90px;
}

#img-7 {
    left: 70.5%;
    top: 257px;
    width: 90px;
}

.footer {
    background: #585858;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;

    text-align: center;
}

.split-bar-x-2 {
    height: 1.7px;
    width: 100%;

    background-color: red;
    position: absolute;
    left: 0;
    bottom: 176.55px;
}

#f-i-1 {
    position: absolute;
    left: 18px;
    bottom: 50px;
}

#f-i-2 {
    position: absolute;
    right: 18px;
    bottom: 95px;
}

#f-i-3 {
    position: absolute;
    right: 18px;
    bottom: 25px;
}