body{height:100%;font-family:'ralewayregular'}
header{background:#FFF;}
header div{text-align:center}
header img{width:275px}


main{background:url(media/design/bg.jpg) no-repeat center;background-size:cover;width:100%;height:60%;max-height:500px;box-sizing:border-box;padding-top:230px}
main .column{min-height:180px;}
main .content .bloc{padding:35px 15px;}
main .content .bloc h2{text-transform:uppercase;font-family:'ralewaybold'}
main .content .bloc p{font-size:13px;margin-bottom:0}
main .content  a{margin-top:17px;margin-bottom:65px;text-transform:uppercase;color:#FFF;display:block;font-family:'ralewaybold';padding:15px;box-sizing:border-box}
main .content a.left{background:#3286C6;color:#fff}
main .content .left{background:#3286C6;color:#fff}
main .content .middle{background:#8C3F8D;color:#fff}
main .content .right{background:#75B63E;color:#fff}
main .content a.right{background:none;color:#75B63E;margin-bottom:0;font-size:25px;padding:0}
main .content a.mail{background:none;color:#75B63E;margin:0;font-size:12px;padding:0;text-transform:unset;margin-bottom:50px}
main .content p.baseline{font-family:'ralewaylight';font-size:32px;color:#909090;text-align:center;text-transform:uppercase;}
main .content .address{font-size:13px;}

footer{position:fixed;bottom:0;left:0;width:100%;font-size:11px;padding:15px;background:#E9E9E9}
footer .row{text-align:center;}
footer .row a{background-color:#c61d3c;color:#fff;font-weight:bold;display:inline-block;padding:5px 15px}

@media screen and (min-width:769px){

header{height:110px}
header div{text-align:left}
header img{width:320px}

main{padding-top:210px}
main .column{height:100%}
main .content .bloc{min-height:382px}
main .content .bloc h2{font-size:1.25rem}
main .content p.baseline{text-align:right;margin-top:-123px}
}