@font-face {
    font-family: "NeoGram Condensed W00 Bold";
    url("22770d8e696a3cd8c2a6627ec2fce6ea.ttf") format("truetype");
}

body {
    background-color: #000000;
    background-image: url("Background-Image.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: "NeoGram Condensed W00 Bold", sans-serif;
    color: #FFFFFF;
}

header {
    margin: 5% 5% 0 5%;
}

header img {
    display: inline-block;
    vertical-align: middle;
}

h1 {
    font-size: 48px;
}

p {
    font-size: large;
}

.soc {
    height: 4.5vw;
    padding-left: 2%;
    padding-right: 2%;
    float: right;
    vertical-align: middle;

}

#subtitle {
    width: 70%;
    margin-top: -8%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#subtitle img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#subtitle p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#partners {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-align: center;
}

#partners img {
    vertical-align: middle;
    width: 15%;
    padding-left: 1%;
    padding-right: 1%;
}

footer {
    padding-top: 10%;
    text-align: center;
}

footer img{
    display: block;
    width: 5%;
    margin-left: auto;
    margin-right: auto;
}

a {
    text-decoration: none;
}