div {
	height:100vh;
	background-color:#212529;
}

/* TEXT */

#nohlink {
}

#nohlink a {
    text-decoration:none;
}

#lightbox {
	position:fixed;
	z-index: 1000;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0,0, 0.7);
	display: none;
}

#lightbox.active {
	display: flex;
	justify-content: center;
	align-items: center;
}

#lightbox img {
	min-width: 30%;
	min-height: 30%;
	max-width: 90%;
	max-height:90%;
	padding: 1em;
	background-color: #212529;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.catlist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
	padding: 5em;
	height: 0em;
}

.catlistx5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1em;
	padding: 5em;
	height: 0em;
}

.imglist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
	height: 10em;
}

.frontworkimg {
	max-width: 100%;
	display : block;
    margin : auto;
	cursor: pointer;
}

.projectvid {
	margin-top: 1em;
	width: 43vw; 
    height: 24.2vw;
}

.workdiv {
	height: 33em;
	padding: 1em;
}

.graphicsworkdiv {
	height: 100%;
	padding: 1em;
}

.graphicsimage {
	max-height: 11em;
	max-width: 100%;
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.projectdiv {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.workimg {
	margin-left: 5%;
	max-width: 256px;
	max-height: 144px;
}

.frontpadding {
	padding: 5em;
}

.projectpadding {
	margin-top: 5em;
	margin-bottom: 5em;
	margin-left: 25%;
	margin-right: 25%;
}

.contactpadding {
	margin-top: 5em;
	margin-bottom: 5em;
	margin-left: 22%;
	margin-right: 22%;
	height: 70%;
}

.buttonhead {
	margin-top: 7%;
}

.abouttext {
	margin-left: 20%;
	margin-right: 20%;
}

.bg1 {
	background-color:#FFFFFF;
}

.solidworkbg {
	background-color:#31373D;
}

.workbg {
	background-color:#31373D;
}

.workbg:hover {
	transition-duration: 0.5s;
	background-color:#3D454C;
}

.smallhead {
	font-size: 150%;
	line-height: 10pt;
	margin-top: 1em;
	color: white;
}

.contacthead {
	font-size: 150%;
	line-height: 10pt;
	color: white;
}

.linkbutton {
    background-color: #6e5494;
    width: 3.5em;
	height: 3.5em;
	padding: 0.5em 0.5em;
	margin-right: 0.5em;
    color: white;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.staticbutton{
	transition-duration: 0.3s;
    background-color: #808080;
    width: 3.5em;
	height: 3.5em;
	padding: 0.5em 0.5em;
	margin-right: 0.5em;
    color: white;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.linkbutton:hover {
	transition-duration: 0.3s;
	background-color: #6cc644;
}

.whitetext {
    color: white;
}

.homescreenbutton {
	transition-duration: 0.5s;
	background-color: #212529;
	border: 2px solid white;
	width: 300px;
	color: white;
	padding: 5px 35px;
	border-radius: 0px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	font-size: 2.5rem;
}

.homescreenbutton:hover {
	width: 320px;
	background-color: #FFFFFF;
	color: #212529;
}

.logofloat {
	position:fixed;
	width: 0px;
	height: 0px;
	top:30px;
}

.backfloat {
	position: fixed;
	width: 0px;
	height: 0px;
	top: 100px;
}

.hoverlogo {
	display: block;
	margin-left: 30px;
	width: 50px;
}

.hoverlogo:hover {
	transition-duration: 0.2s;
	filter: 
		brightness(150%);
}

.backlogo {
	display: block;
	margin-left: 40px;
	width: 25px;
}

.backlogo:hover {
	transition-duration: 0.2s;
	filter: 
		brightness(150%);
}

.container-fluid {
}