@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body,html{height:100%}
body{font:14px/24px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#333;background:#fff}
a{color:#004357;text-decoration:none;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
a:focus,a:hover{color:#004357;text-decoration:none}
.bar{position:absolute;left:0;right:0;top:0;background:#004357;height:50px}
header.top{position:relative;text-align:center}
.content{position:relative;z-index:0;text-align:left}
.intro .content{text-align:center}
.cookies .content{margin-bottom:50px}
.content h3{color:#004357;text-decoration:none;margin-bottom:20px;font-weight:700;font-size:24px;line-height:30px}
.cookies .content h3{position:relative;background:#004357;color:#fff;padding:3px 10px;margin-top:30px}
/*.cookies .content h3:after{content:'';position:absolute;left:10px;bottom:-15px;border:8px solid transparent;border-top-color:#004357}*/
.content a{position:relative;display:inline-block;padding:0 5px}
.intro .content a{padding:5px 10px;color:#333}
.content a:after{content:'';position:absolute;z-index:-1;background:rgba(156,39,119,0);left:0;right:0;top:0;height:0;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.content a:focus,.content a:hover{color:#fff}
.content a:focus:after,.content a:hover:after{height:100%;background:#004357}
.border{border-left:1px dotted rgba(0,0,0,.2);border-right:1px dotted rgba(0,0,0,.2)}
@media (max-width:767px){.border{border:none;border-top:1px dotted rgba(0,0,0,.2);border-bottom:1px dotted rgba(0,0,0,.2);min-height:0}}
@media (max-width:480px){body{-webkit-background-size:contain;background-size:contain}
header.top .logo{max-width:90%;margin-bottom:0}
.cookies .content{background:rgba(255,255,255,.4)}
.content h3{margin-bottom:5px}
.cookies .content h3{margin-bottom:10px}}