@charset "UTF-8";
/* CSS Document */
.embed-responsive-1by1::before {
    padding-top: 0 
}

.img-responsive{
	width:100%
}

.embed-responsive-item{
	width:100%
}

.name{
	color: #FFF
}

a:hover{
	color:#00FFAA
}
.dropdown-item:hover{
	color: #00FFAA
}

.dropdown-item {
	background-color: rgba(255,255,255,0.70)
}

section {
	padding-top: 6em;
	padding-bottom: 10em
}

form {
	font-family:'Open Sans','Helvetica Neue','Arial',sans-serif;
	
}

.mograph {
	background-color: white;
	padding-top: 2em;
}

.mograph h1{
	color: Black
}

.mograph h4{
	color:rgba(255,255,255,0.70)
}

.mograph h6{
	color:rgba(0,0,0,0.70)
}


.header{
	margin-top: 1em;
	margin-bottom: 2em
}

.design{
	margin-top:50px;
	background-color: white
}
.project-category{
	color:rgba(0,0,0,0.60)
}

.mograph-gallery{
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto
}

.mograph-caption{
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	color:#000;
	background:rgba(111,0,255,.9);
	-webkit-transition:all .2s;
	transition:all .2s
}

.mograph-box-content{
	color:#FFF;
	padding:0 15px;
	font-family:'Open Sans','Helvetica Neue','Arial',sans-serif;
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center
}

.mograph-caption .mograph-box-content .project-category{
	color:rgba(255,255,255,0.70);
	font-size:14px;
	font-weight:600;
	text-transform:uppercase
}

.mograph-caption .mograph-box-content .project-name{
	font-size:18px
}

.mograph-caption:hover{
	opacity:1
}

@media (min-width:768px){
	.mograph-caption .mograph-box-content .project-category{
		font-size:16px
	}
	
	.mograph-caption .mograph-box-content .project-name{
		font-size:22px
	}
}

.email a{
	color:#000
}

.email a:hover{
	color:#00FFAA
}

.dark-muted {
	color:rgba(255,255,255,0.70);
	padding-top: 60px;
}

p{
	text-align:center;
	padding:25px;

}
.modal-footer{
	text-align:center;
}


.logos {

}

.GraphicDesign {
	background-color: white;
	margin-top:50px;
}

h4.GraphicDesign{
	padding-bottom: 10em;
}