@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}
.is-animated {
  animation: .6s zoom-in;
}

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
html, body{
	height: 100%;
    margin: 0;
    padding: 0;
	background-color: white;
	color: black;
}
a{
	color: #656565;
}
a:hover, a:active, a.email:hover{
	color: #5bc1db;
	text-decoration: none;
}
.modal-body a{
	color: #4fbeda;
}
@media only screen and (max-width: 900px){
	img{
		max-height: 85vh;
    	max-width: 85vw;
	}
}
img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 85vh;
    max-width: 85vw;
    vertical-align: top;
}
h2.type{	
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #d2d2d2; 
   line-height: 0.1em;
} 

h2 span { 
    background:#fff; 
    padding:0 10px; 
}
header {
	margin: 0px;
	color: black;
}
header h1{
	font-family: azo-sans-web, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	letter-spacing: -3px;
	font-stretch: semi-condensed;
	color: #656565;
}
header h2{
	color: #4fbeda;
	font-size: 29px;	
	font-family: bc-alphapipe, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: -15px 0px 0px 0px;
	letter-spacing: -1px;
}
.logo h1, .logo h2{
	text-align:  center;

}
#menu ul{
	margin: 10px 0px 0px 0px;
	padding:  0px;	
	justify-content: center;
    display: flex;
}

#menu ul li{
	display: inline-block;
    margin: 0px;
    font-family: 'omnes-cyrillic';
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 2px;
}
#menu ul li:first-child, #menu ul li:nth-child(2){
	margin-right:  20px;
}
div.bio{
	max-width:  1200px;
	margin: auto;
	padding:  125px 0px 0px 10px;
}
div.bio2{
	max-width:  1200px;
	margin: auto;
	padding:  50px 0px 0px 10px;
}
@media only screen and (max-width: 975px){
	div.bio2{
		padding: 0px 0px 0px 10px;
	}
}
.myFace{
	display: inline-block;
}
@media only screen and (max-width: 975px){
	.bio2 img{
		display: block;
	}
}
.blurb{
	font-family: omnes-cyrillic, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 26px;
	padding: 33px 50px 0px 38px;
	max-width: 680px;
	color: #565656;
	line-height: 45px;
    display: inline-block;
}
.bio2 .blurb{
	font-family: omnes-cyrillic, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	padding: 33px 50px 30px 38px;
	max-width: 680px;
	color: #565656;
	line-height: 35px;
    display: inline-block;
}
@media only screen and (max-width: 1000px){
	.blurb{
		max-width:  450px;
	}
}

@media only screen and (max-width: 1199px){
	.blurb{
		font-size: 20px;
	    padding: 33px 50px 0px 34px;
	}	
}
@media only screen and (max-width: 975px){
	.bio2 .blurb{
		text-align: center;
	}
}
#main-content{
	margin-top: 0px;
}
#main-content h3{
	color: black;
	font-size: 20px;
	margin: 0px 0px 50px 0px;
	text-align: left;
	font-family: carlmarx, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:22px;
	letter-spacing: 2px;
}
@media only screen and (min-width: 1200px){
	.container {
	    max-width: 1340px;
	    padding: 45px 20px 0px 20px;
	}
}
.container{
	padding-top: 30px !important;
}
.portfolio-item{
	position: relative;
	float: left;
	width: 33%;
	padding: 13px;
}
.header-item{
	position: relative;
	float: left;
	width: 66%;
	padding: 18px;
}
@media only screen and (max-width: 768px){
	.portfolio-item{
		width: 100%;
	}
}
.portfolio-item img{
	width: 100%;
    height: auto;
    z-index: 1;
    box-shadow: 1px 3px 8px 1px #808080;
    background-color: #1f1f1f;
}
.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal{
	padding: 0 !important;	
	margin: 0px;
}
.modal-backdrop.show {
	opacity: .8 !important;
}
.modal-dialog {
	margin: auto;
	max-width: 1100px;
	min-width: 768px;
    margin-top: 0px;
}
@media only screen and (min-width: 768px){
	.modal-dialog {	    
		max-width: 1100px;
		min-width: 768px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%) !important;
    	-ms-transform: translate(-50%, -50%) !important;
	}
}
@media only screen and (max-width: 765px){
	.modal-dialog {	
		min-width: 300px;	    
	}
}
.btn{
	line-height: 1.35em !important;
}
.modal-btn{
	margin: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
    -ms-transform: translate(-50%, -53%);
    width: 45%;
    height: 25%;
    display: none;
    background-color: black;
    border-color: black;
    opacity: 0.9;
    z-index: 50;
}
.modal-btn:hover{
	background-color: #2b2f48;
	border-color: #2b2f48;
}
.modal-btn-bg{
	margin: 0px;
	position: absolute;
	top: 54%;
	left: 52%;
	transform: translate(-52%, -55%);
	-ms-transform: translate(-53%, -55%);
	width: 90%;	
	height: 90%;	
	opacity: 0.8;
	z-index: 25;
	display: none;
}
.modal img{	
	width: 100%;
    height: auto;
    z-index: 1;
}
.modal-content{
	background-color: rgb(0, 0, 0, 0.8);
	border-width: 15px;
	border-color: rgb(68, 68, 68, 0.4);
	color: #c3c3c3;
	padding: 40px;	
	margin: 0px 0px 25px 0px;
}
h4.modal-title{
	border: none;
	font-size: 20px;
}
.modal-header{
	border: none;
}
.modal-content ul{
	list-style-type: none;
	padding: 0px 0px 0px 18px;
}
.modal-content ul li{
	margin: 0px 0px 20px 0px;
}
.carousel-indicators{
	position: relative !important;
	top: 13px !important;
}
.featherlight{
	height: 100vh;
}
.featherlight .featherlight-content {
	max-width: 100%;
    max-height: 100%;
    overflow: hidden !important;
    background: #151515 !important;
}
p.enlargeText{
	font-size: 13px; 
	color: grey; 
	margin: 10px 0px 0px 0px; 
	cursor: default; 
	text-align: center;
}
.close{
	opacity: 1;
	color: white;
	text-shadow: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1000;
	text-align: right;
	font-size: 15px;
	max-width: 75px;
	padding: 0px 20px 0px 0px !important;	
}
.close:hover{
	color: #c3c3c3;
}
.clear{
	clear: both;
}
.hide{
	display: none !important;
}
body.modal-open {
    overflow: visible;
}
.type{
	text-align: center;
	font-family: carlmarx, sans-serif;	
	background-color:  #fffff9;
	margin: 50px 0px 20px 0px; 
}
footer{
	padding: 100px 0px 50px 0px;
	text-align: center;
}