body {
    font-family: 'Roboto', sans-serif;
    font-weight:100;
    padding:0;
    margin:0;
}
.top {
    background-color: #eaeaea;
    padding: 25px;

}

.slogan {
    width: 70%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: right;
    font-size: 22px;
    color: #000;
    font-weight: 600;
    letter-spacing: 2px;
}

.logo {
    width: 29%;
    display: inline-block;
    vertical-align: middle;
}

.main {
    background-image: url("images/bg.jpg");
    width: 100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top;
    text-align: center;
}


.banner {
    padding: 40px;

    border: solid 2px #FFF;
}


.container {
    display: inline-block;
    background: rgba(92, 15, 139, 0.85);
    margin-top: 50px;
    padding: 35px;
    box-sizing: border-box;
}

.bannerimage {
    display: block;
    margin-left: auto;
    margin-right: auto;

}

.bannerundertext .textcontainer {
    padding-top: 20px;
    border-top: 1px solid #fff;
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
}

.bannertexts {
    text-align: center;
    margin-top: 21px;
    font-size: 18px;

    margin-left: auto;
    margin-right: auto;
}

span.letters {
    color: #df1f25;
    font-weight: 300;
    font-size: 22px;
}

a {
    text-decoration: none;
    color: #ffffff;
}


a:hover {
    text-decoration: none;
    color: #000;
    transition:0.5s all;
}


p {
    margin: 8px;
}




.stabimage {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

a.letters {
    display: inline-block;
    vertical-align: middle;
}

p.textcontainer {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:867px) {
    .top {

    }
    .logo {
       width: 90%;
       display: inline-block;
       vertical-align: middle;
       text-align: center;
    }
.slogan {
    display: block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    font-size: 28px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width:591px) {
    .top {

    }
    .banner {

    }
    .container {
                 width: 90%;

    }
}

@media (max-width:435px) {
    .top {

    }

}