body {
	background: #333333;
  font-family: Arial, Helvetica, sans-serif;
  color: #eee;
}

.mainD {
        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;
}

/*  Set the spacing for h1 etc */
h2 {
	margin-top: 2px;
	margin-bottom: 2px;
	
	font-size: 22px;
	color: #fff;
	line-height: 45px;	
}

.contentold {
  position: absolute;
  left: 50%;
  top: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

a, standardLink {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 22px;
	 color: #5284d3; 
	border-bottom: 0px ;
}
a:link { text-decoration: none; border-bottom: 1px dotted;}
a:visited { text-decoration: none; border-bottom: 1px dotted;}
a:hover { border-bottom: 1px solid; text-decoration: none;}
a:active { color: #666666; text-decoration: none; border-bottom: 1px dotted;}

.row {
  display: flex;
}

.col {
  flex: 46%;
  max-width: 600px;
  margin-left: 30px;
  padding-right: 50px;
}

.project-img {
   max-width: 600px; 
}

.spacer {
  padding-top: 18px;
}