/* Global */

noscript p{
  color:white;
  background-color: black;
}
body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background:black;
  overflow-x: hidden;
}
.container {
  text-align: justify;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.clickable {
  color: blue;
  text-decoration: underline;
}

.clickable:hover {
  color: #A381F3;
  font-weight: bold;
}

p, ul {
  font-size: 12pt;
}

.content {
  margin:auto;
  overflow:hidden;
  background-color: white;
}

.subcontainer{
  width:100%;
  margin:auto;
  overflow:hidden;
}

.dark{
  padding:15px;
  background:#35424a;
  color:#ffffff;
  margin-top:10px;
  margin-bottom:10px;
}

/* Boxes */
#boxes{
  color: white;
  padding: 2px;
}

#boxes .box{
  display: inline-block;
  text-align:center;
  vertical-align: center;
  width:20%;
  padding-bottom: 0;
}

#boxes .box img{
	width: 30%;
	height: 30%;
}

#boxes .bigbox img{
	/*width: 60%;*/
	/*height: 30%;*/
}
	
/* Media Queries */

/* 768px */
@media(max-width: 768px){
  #boxes .box {
    float:none;
    text-align: center;
    width:100%;
    display: inline-block;
  }

  #showcase h1{
    margin-top:10px;
  }
}