header, body, h1, h2, h3, p, a{
    font-family: verdana;
    padding: 0%;
    margin: 0%;
}

header{
    width: 100%;
    background: url("img/bbn-banner-compressed.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

h1{
    color: #ffffff;
    font-size: 70px;
    padding: 8% 5%;
    text-align: center;
}

.banner{
    position: relative;
}

.banner a{
    color: #ffffff;
    font-size: 70px;
}

.banner a:hover{
    color: #ffffff;
}

main{
    display: inline-block;
    margin: 0 4%;
}

h2{
    line-height: 2em;
}

p{
    line-height: 2em;
    color: #4b4b4b;
}

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

a:hover{
    color:#a8a8a8;
  }


li{
    line-height: 2em;
    color: #4b4b4b;
}

.column li{
    display: inline-block;
    margin: 0 2%;
    vertical-align: middle;
    list-style-type: none;
}

.column-left{
    width: 60%;
}

.column-right{
    width: 25%;
    padding: 2%;
}

.column-left-b{
    width: 35%;
    border: #4b4b4b solid 3px;
    text-align: center;
}

.column-right-b{
    width: 50%;
    padding: 2%;
    background-color: #ffffff;
}

.column-left-c{
    width: 50%;
    padding: 2%;
    background-color: #ffffff;
}

.column-right-c{
    width: 35%;
    border: #4b4b4b solid 3px;
    text-align: center;
}

.copy{
    color:#e0e0e0;
}


footer{
    background-color: #1f2a3b;
    padding: 1% 5%;
}