@import url('https://fonts.googleapis.com/css?family=Roboto:300,700,900&display=swap');
body {margin:0;padding:0;text-align:center;font-family:Roboto;color:white;background-image:url(polar_capital.jpg);}
a {color:white;font-size:18px;font-weight:300;}
a:hover {color:#0C103E;}
h1 {margin-top:40px;font-weight:900;margin-bottom:80px;}
.menu {letter-spacing: 2px;}
.darkBlue {width:100%;height:33vh;padding-top:40px;}
.upper {width:100%;max-width:1000px;margin:0 auto;}
.logo {float:left;width:300px;height:auto;}
.menu {padding-top: 60px;float:right;padding-left:100px;}
.text {background-color:rgba(6, 77, 121, 0.69);padding-bottom:20px;}
.head-text-l {font-style:italic;font-size:30px;padding-top:30px;position:relative;left:-60px;}
.head-text-r {font-style:italic;font-size:30px;padding-bottom:30px;position:relative;right:-60px;}
@media screen and (max-width: 1024px) {
h1 {font-size:24px;}
.logo {margin:0 auto;float:none;width:300px;height:auto;}
.menu {padding-top: 60px;margin:0 auto;float:none;padding:30px;}
.text {padding:40px;}
.head-text-l {left:0px;}
.head-text-r {right:0px;}
}