body{
  font: 15px/1.5 Oswald;
  padding:0;
  margin:0 0 3vw 0;
  background-color:#ccd5dd;
}

header{
  background:#ccd5dd;
  font-size:calc(1rem + 1vw);
  padding-top:20px;
  border-bottom:10px #f44323;
}

header a{
  color:#2ca1db;
  text-decoration:none;
  text-transform:uppercase;
  font-size:calc(0.25rem + 0.9vw);
}

header a:hover{
  color:#f44323;
  font-weight:bold;
}

header ul{
  margin:0;
  padding:0;
}

header li{
  display:inline;
  margin-left:0;
  padding-right:1rem;
}

header #name{
  float:left;
}

.container{
    width:80%;
    margin:auto;
    overflow:hidden;
}

.left {
 float:left;
}

.right {
 float:right;
}

h1{
  max-width:100%;
  font-size:calc(15px + (30 - 15) * ((100vw - 300px) / (1200 - 300)));
  color:#112047;
  margin: 3vw 0 0 0;
}

h2{
  max-width:100%;
  font-size:calc(10px + (30 - 15) * ((100vw - 300px) / (1500 - 300)));
  color:#112047;
  margin: 1vw 0 0 0;
}

h3{
  max-width:100%;
  font-size:calc(10px + (30 - 15) * ((100vw - 300px) / (1500 - 300)));
  color:#112047;
  margin: 3vw 0 0 0;
}

h4{
  max-width:100%;
  margin: 1vw 0 0 0;
  font-size:calc(5px + (30 - 15) * ((100vw - 300px) / (1500 - 300)));
  color:#112047;
}

p{
  max-width:100%;
  font-size:calc(0.5rem + .9vw);
  color:#112047;
}

.about-me .container{
  display:flex;
  align-items:center;
}

.about-me img{
  max-width:80%;
  margin-top:2vm;
}

.about-me .container > div{
  flex-basis:50%;
  padding: 25px 25px 0 0;
}

.about-me p{
  max-width:100%;
  font-size:calc(10px + (20 - 10) * ((100vw - 300px) / (1200 - 300)));
  color:#112047;
}

.cv{
    max-width:100%;
}

.cv a{
  color:#2ca1db;
  font-size:calc(0.25rem + 1vw);
  text-decoration:none;
  font-weight:bold;
  display:inline-block;
}

.cv a:hover{
  color:#f44323;
  font-weight:bold;
}

.cv span+span{
  margin-left:7vw;
}

button {
  background: none;
  border: none;
  color:#2ca1db;
  font-family: Oswald;
  font-size:calc(0.25rem + 1vw);
  text-decoration:none;
  cursor: pointer;
  font-weight:bold;
}

.current a{
  color:#2ca1db;
  text-decoration:none;
  text-transform:uppercase;
  font-size:calc(0.1rem + 0.75vw);
}

.current a:hover{
  color:#f44323;
  font-weight:bold;
}

.current a+a {
  margin-left: 10px;
}

.past a{
  color:#2ca1db;
  text-decoration:none;
  text-transform:uppercase;
  font-size:calc(0.1rem + 0.75vw);
  margin-right:1em;
  margin-left:1em;
}

.past a:hover{
  color:#f44323;
  font-weight:bold;
}

.research a{
  color:#112047;
  font-size:calc(10px + (30 - 15) * ((100vw - 300px) / (1500 - 300)));
  text-decoration:none;
  font-weight:bold;
  display:inline-block;
}

.research a:hover{
  color:#f44323;
  font-weight:bold;
}


.research a{
  color:#112047;
  font-size:calc(5px + (30 - 15) * ((100vw - 300px) / (1500 - 300)));
  text-decoration:none;
  font-weight:bold;
  display:inline-block;
}