/*GRID SYSTEM*/
* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-1 {
	width: 20%;
}

.col-2 {
	width: 40%;
}

.col-3 {
	width: 60%;
}

.col-4 {
	width: 80%;
}

.col-5 {
	width: 100%;	
}

	/*GLOBAL STYLES*/
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

	/*UNIQUE STYLING*/
#websitescroll {
	height:700px;
	width:100%;
	border:1px solid black;
	font:16px/26px;
	overflow:auto;

}

#title {
	font-family: "DIN Bold";
	font-size: 20pt;
}

#navigation {
	font-family: "DIN Regular";
	font-size: 14pt; 
}

#maincontent {
	font-family: "DIN Regular Alternate";
	font-size: 14pt;
}

#description {
	font-family: "DIN Medium";
	font-size: 12pt;
}

.image {
	width: 100%;
    border: 2px solid black;
}

.imagebellow {
	margin-top: 40px;
}

p.projectlinks {
	    font-size: 40px;
	    text-align: center;
}

	/*SITUATIONAL CODE*/
.current {
	font-family: "DIN Bold"
}