body,html{
    padding:0px;
    margin:0px;
    font-family: Helvetica, Arial, Sans-Serif;
}
#header{
    background-color: #465a99;
    margin-top:60px;
    padding:30px;
    color: #eeeeee;
}
.wrapper{margin:0 auto;width:100%;max-width: 1600px;}
#header .wrapper h1{font-weight: normal;}
h1{text-align: center;font-size: 35pt;margin:0px;}
h2{text-align: center;font-size: 22pt;}
.content{
    display: flex;
    justify-content: space-between;
}
.col{
    display: inline-block;
    width:400px;
    text-align: left;
    margin:20px;
    background-color: #eeeeee;
    padding:15px;
}
.col h2{
    text-align: center;
    color: #465a99;
}
.col a{
    color: #111111;
    text-decoration: none;
}
.col img{width:100%;}
.col span{
    display: block;
    width:100%;
    text-align: center;
    font-size:20pt;
}
.footer{
    background-color: #111111;
    color: #eeeeee;
    padding:20px;
}
.footer .wrapper{
    text-align: center;
}

@media(max-width:1000px){
    .col{width:calc(100% - 80px);display:block;margin:0 auto;margin-bottom: 200px;}
    /*.col img{width: auto;}*/
    .content{display: block;}
}