body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.logo {
	padding-top: 1.5rem;
	padding-right: 1.5rem;
}

.logo h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 800;
	color: #3680E3;
	text-transform: uppercase;
	line-height: 2.2rem;
	position: fixed;
	top: 1.5rem;
	margin-right: 1.5rem;
}

@media (max-width: 576px) {
	.logo {
		text-align: left !important;
		padding-top: 1.5rem;
		padding-right: 1.5rem;
	}
	.logo h1 {
		position: static;
		font-size: 2rem;
		line-height: 2rem;
		right: 66.666666666%;
		margin-bottom: 1.5rem;
	}
}
@media (min-width: 576px) {
	.logo h1 {
		font-size: 2rem;
		line-height: 2rem;
		right: 66.666666666%;
	}
}
@media (min-width: 768px) {
	.logo h1 {
		right: 75%;
	}
}
@media (min-width: 992px) {
	.logo h1 {
		font-size: 2.5rem;
		line-height: 2.2rem;
		right: 75%;
	}
}
@media (min-width: 1200px) {
	.logo h1 {
		right: 83.333333333%;
	}
}

.portfolio-grid img {
	width: 100%;
}

.modal-body {
	border-radius: 0px;
	padding: 0px;
}

.modal-dialog {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	max-width: 100%;
	margin: 0px;
	height: 100%;
}
.modal-content {
	height: 100%;
}

.project-info {
	position: sticky;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 999;
	background-color: #ffffff;
	padding: 1.5rem;
}

.project-name {

}

@media (max-width: 576px) {
	.project-name {
	
	}
}
@media (min-width: 576px) {
	.project-name {
	
	}
}
@media (min-width: 768px) {
	.project-name {
	
	}
}
@media (min-width: 992px) {
	.project-name {
	
	}
}
@media (min-width: 1200px) {
	.project-name {
	
	}
}