* { box-sizing:border-box; }
body
{
  font-family:Montserrat; font-size:14px;
  background:#F8F5F0; color:#0C3C60;
  margin:0px; padding:0px;
}
div.left
{
  display:block;
  padding:40px; padding-top:120px;
  background:url(/img/msbg_.svg) no-repeat top right;
  background-attachment:fixed; 
  background-size:50%;
}
div.left > img.logo { width:190px; margin:0px; margin-bottom:50px; }
div.left > div.team { max-width:250px; }
div.left > div.team > div.mec { padding-bottom:20px; }
div.left > div.team > div.mec > span.name { display:block; font-size:24px; font-weight:bold; text-transform:uppercase; padding-bottom:5px; }
div.left > div.team > div.mec > span.title { display:block; font-size:14px; color:#BD986E; text-transform:uppercase; border-bottom:solid 1px #BD986E; margin-bottom:15px; padding-bottom:5px; }
div.left > div.team > div.mec > span.email { display:block; font-size:16px; }
div.left > div.info { margin-top:50px; }
div.left > div.info a { color:#0C3C60; text-decoration:none; }
div.right
{
  display:block; height:50px;
  background:#0C3C60;
  width:100%;
}

@media screen and (min-height:700px) and (max-width:850px)
{
  div.left > div.info { width:300px; margin-top:0px; position:fixed; bottom:80px; }
  div.right { position:fixed; bottom:0px; }
}
@media screen and (min-width:350px)
{
  div.left > div.team { margin-left:25px; }
}
@media screen and (min-width:850px)
{
  div.left { padding:80px; width:calc(100% - 250px); position:static; top:0px; height:100%; background-size:450px; float:left; }
  div.left > img.logo { width:290px; margin-bottom:85px; }
  div.left > div.team { margin-left:0px; }
  div.left > div.info { font-size:11px; }
  div.right { width:250px; position:fixed; top:0px; height:100vh; right:0px; background-image:url(/img/msbg_.svg); background-repeat:no-repeat; background-position:top right; background-size:450px; float:right; }
}
@media screen and (min-width:850px) and (min-height:550px)
{
  div.left > div.info { position:fixed; bottom:50px; }
}
@media screen and (min-width:1000px)
{
  div.left { width:calc(100% - 300px); background-size:500px; }
  div.left > div.team { max-width:none; }
  div.left > div.team > div.mec { width:250px; float:left; }
  div.left > div.team > div.mec:last-child { margin-left:30px; }
  div.left > div.info { font-size:14px; }
  div.right { width:300px; background-size:500px; }
}
@media screen and (min-width:1050px)
{
  div.left > div.team > div.mec:last-child { margin-left:50px; }
}
@media screen and (min-width:1100px)
{
  div.left > div.team > div.mec:last-child { margin-left:100px; }
}
div.clear { clear:both; }