/* * {
	background-color:#fafafa;
} */

/*@font-face{
	font-family: 'OpenSans';
	url:('fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
	url:('fonts/open-sans/OpenSans-Regular.woff') format('woff');
}
*/

@font-face {
	font-family: 'Julius Sans One';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/juliussansone/v18/1Pt2g8TAX_SGgBGUi0tGOYEga5WOzHsX2aE.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.sidebar {
	width: 70px;
}



.container-small {
	padding-top: 100px;
	margin: 0 auto;
	width: 75%;
}

* {
	font-family: 'IBM Plex Sans';
}

h2 {
	font-family: 'Archivo';
}

nav ul a {
	/* color: #14b2c6; */
	color: black;
}

nav ul a:hover {
	opacity: .4;
	transition: .3s;
}


.img-down {
	margin-top: 65px;
}


.img-up {
	margin-top: -10px;
}

#gallery {
	width: 100%;
	float: left;
}

.port-body {
	line-height: 1.7;
	width: 65%;
	font-size: 19px;
}

.muni-splash {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 80px;
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeInUp-animation {
	animation: 1.0s fadeInUp;
}

.heading {
	font-size: 34px;
}

/*
h3, h4{
	color:#14b2c6;
}*/
nav ul li {
	/* color: teal; */
}

nav .brand-logo {
	/* color: #14b2c6; */
	/* color: teal; */
	font-size: 30px;
}

.imagepad {
	margin: 30px 0px;
}

.materialboxed {
	display: block;
	cursor: zoom-in;
	position: relative;
	-webkit-transition: opacity .8s;
	-moz-transition: opacity .8s;
	-o-transition: opacity .8s;
	-ms-transition: opacity .8s;
	transition: opacity .8s;
}

.materialboxed:hover {
	opacity: 1;
	transition: none;
}

.dropdown-content {
	left: initial !important;
	top: initial !important;
	/* background: none !important; */
	height: initial !important;
	width: initial !important;
	box-shadow: none !important;
	opacity: 1 !important;
	transform: none! important;

	:hover{
		opacity: 1;
		background-color: none
	}
}

h1 {
	font-size: 30px;
}


#materialbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #292929;
	opacity: .9;
	z-index: 999;
}

:focus {
	outline: none !important;
	border: none !important;
}


.tab {
	font-size: 20px;
}


.row-pad {
	margin-top:100px;
}


.container-lg {
	width: 85%;
	margin: 0 auto;
	padding: 40px;
}
.push {
	margin-top: 100px;
}

img:hover {
	opacity: 1;
	filter: alpha(opacity=100);

}

nav {
	opacity: .95;
}

.space {
	height: 100px;
}

.port-row {
	margin-top: 50px;
}

.spacing {
	margin-top: 50px;
}

.nocontainer {
	left: 50%;
	margin-left: -100vw;
	/* margin-right: -50vw; */
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

.port-header {
	/* text-align:center; */
	text-align: left;

}

.aboutrow {
	margin-top: 100px;
}

.abouttext {
	font-size: 17px;
	margin-top: 60px;
	margin-left: 50px;
}

nav .nav-wrapper {
	/* padding: 25px; */
}

.nav-wrapper {
	padding: 20px;
	padding-bottom: 80px !important;
}

.desc {
	font-size: 15px;

}


.padding {
	margin-top: 30px;
	margin-bottom: 50px;
}


.padding-2 {
	margin-top: 30px;
	margin-bottom: 25px;
}

iframe,
object,
embed {
	width: 100%;
	height: 100%;
}

.muni ul li {
	margin-top: 10px;
	list-style-type: square;
}

.altnav {
	border-bottom-color: black;
}

#gallery img {
	float: left;
	display: inline-block;
	width: 45%;
	margin: 2px;
}

#gallery-wide img {
	width: 90%;
	float: left;
	display: inline-block;

}

#stick {
	width: 100%;
	position: fixed;

}

#stick img {
	width: 10%;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

.intro p {
	position: absolute;
}


.intro img,
.about img,
.projects img,
.work img {
	width: 100%;
	position: relative;
}


.about .text {
	left: 20%;
	width: 15%;
	position: absolute;
	z-index: 1;

}

.projects .text {
	margin-top: 40px;
	width: 15%;
	left: 60%;
	position: absolute;
	z-index: 1;
}

.work .text {
	margin-top: 40px;
	width: 15%;
	left: 20%;
	position: absolute;
	z-index: 1;
}

a:hover {
	/* opacity: .4; */
	transition: .1s;
}


.line img {
	width: 100%;
}




.btn:hover {
	background-color: #14b2c6;
	color: white;
	box-shadow: none;
	opacity: .9;
}

.btn {
	background-color: white;
	color: #14b2c6;
	box-shadow: none;
}

a {
	color: #14b2c6;
}

/*.box{
	border-style: solid 1px;
}*/
.gallery {
	margin: 20px;
}



.gallery ul a.dim:hover img {
	opacity: 0.7;

}

.gallery li img {
	display: inline-block;
	width: 100%;
	/* vertical-align:middle; */
}

.gallery li img:hover {
	opacity: .6;
}

.padded {
	margin-top: 20px;
	margin-bottom: 20px;
}

#capital-one,
#principal,
#cmu,
#green-america,
#nist {
	height: 50px;
}

.table-of-contents {
	margin-left: 8%;
	margin-top: 9%;
	position: fixed;
}


.table-of-contents a:hover {
	border-left: solid 1px #14b2c6;
}

.table-of-contents a.active {
	border-left: 2px solid #14b2c6;
}

.shift ul li {
	padding-right: 20px;
}

html,
body {
	margin-bottom: 0px;
	padding-bottom: 0px;
}