@font-face {
    font-family: 'roboto_black';
    src: url('fonts/Roboto-Black-webfont.woff') format('woff');
    font-weight:bolder;
}
@font-face {
    font-family: 'roboto_light';
    src: url('fonts/Roboto-Light-webfont.woff') format('woff');
    font-weight:lighter;
}
@font-face {
    font-family: 'roboto';
    src: url('fonts/Roboto-Regular-webfont.woff') format('woff');
    font-weight:normal;
}
@font-face {
    font-family: 'roboto_thin';
    src: url('fonts/Roboto-Thin-webfont.woff') format('woff');
    font-weight:100;
}
*{
    box-sizing: border-box;
}
body{
    background-color: #002B51;
    margin: 0;
    background-image: url(img/WebseiteBG.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
main{
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 auto;
    width:960px;
    font-family: 'roboto_light';
    color:#A2CDD9;
    padding: 70px 0px;
}
.bigger{
    font-size: 1.7em;
    line-height: 1.8em;
}
.clear{
    clear: both;
}
.col{
    width:46%;
    margin-right: 4%;
    float: left;
}
.sponsors p{
    font-family: 'roboto';
}
.sponsors img{
    width:15%;
    margin-right:50px;
    height:auto;
}
.footernav{
    margin-top:150px;
    margin-bottom: 120px;
}
.footernav ul{
    margin:0;
    padding: 0;
    list-style-type: none;
}
.footernav ul li{
    float:left;
    display: inline;
}
.footernav ul li a{
    font-family: 'roboto';
    text-decoration: none;
    color:#A2CDD9;
    margin-right: 25px;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: -color 0.5s ease-out;
    transition: color 0.5s ease-out;
}
.footernav ul li a:hover{
    color:#FFF;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: -color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

@media only screen and (max-width: 960px) {
    main {
        width:100%;
        padding: 70px 25px;
    }
    .col{
        width:100%;
        margin-right: 0;
        float: none;
    }
    .bigger{
        font-size: 1.4em;
        line-height: 1.4em;
    }
}