* {
  box-sizing: border-box;
}

body{
  color:#FFF;
  background:#001573;
  font-family:Nunito;
  font-size: 2.2vmin;
}

/* Star Haven Studios Logo */
#header{
  top:0;
  left:0;
  width:50%;
}

/* Social Media Links */
#header-links{
  position:absolute;
  padding:1%;
  top:0;
  right:1%;
  width:98.5%;
  text-align: right;
  font-size:2.5vmin;
}

/* Top Navigation Links */
#main-menu{
  top:0;
  font-size:3.5vmin;
  left:0;
  width:99%;
}

#main-menu #menu-list li{
  list-style:none;
  float:left;
}

#main-menu #menu-list li a{padding-left:40px;}

/* main content */
#content-1{
  position:absolute;
  padding:10px;
  margin:10px;
  top:26.5%;
  left:2.9%;
  width:45%;
  height:56%;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align:left;
  overflow-y:no-display;
  overflow-x:no-display;
  background-color:rgba(228,217,242,0.35);
}

#content-2{
  position:absolute;
  padding:10px;
  margin:10px;
  top:26.5%;
  left:51.1%;
  width:45%;
  height:56%;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align:left;
  overflow-y:no-display;
  overflow-x:no-display;
  background-color:rgba(228,217,242,0.35);
}

.heading{font-weight:bold;font-size:18px;}

/* Footer */
#footer-copyright{
  position:absolute;
  padding:1%;
  bottom:5%;
  width:98%;
  text-align:right;
}

/*modal window*/
#mask{
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window{position:absolute;display:none;z-index:9999;margin:10px;}
#boxes #dialog{width:450px;height:240px;background-color:#FFF;color:#000;font-family:Nunito;margin-top:-20px;}
#boxes #dialog .header{margin-top:50px;margin-left:160px;font-size:200%;}
#boxes #dialog .alignleft{float:left;margin-left:5px;margin-top:-50px;}
#boxes #dialog .text{margin-left:160px;margin-top:-100px;}

a{text-decoration:none;color:#FFF;}
a.mask{text-decoration:none;color:blue;}
img{border:0;}