*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; height: 100%; font-smooth: always; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Open Sans Condensed', Calibri, Arial, sans-serif;
	color: #fff;
	font-size:20px;
	font-weight:400;
	/*word-spacing: 0.2em;*/
	letter-spacing: 0.01em;
	background: #2A2A2E;
}


.bg-blend-bio {
  /*background-image: url(../images/bio-bg.jpg);*/
  background-color: #2A2A2E;
  background-blend-mode: soft-light;
  background-repeat: repeat-y;
  background-size: cover;
  width: 100vw;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  overflow-x: hidden;
}
.bio-container {
	font-family: 'Open Sans Condensed', sans-serif;
	word-spacing:0.2em;
	letter-spacing: 0.01em;
	opacity:0.85;
	margin: 40px 60px;
    padding: 40px;
	color: #2A2A2E;
	font-size: 1.05em;
	text-indent:2.0em;
	text-align:justify;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background-color: rgba(250, 250, 250, 0.9);
    box-shadow:1px 1px 4px #ea7d90, -1px -1px 4px #ea7d90;
    /*width:70%;*/
	background:#FFF;

}

.contact-container {
	font-family: 'Open Sans Condensed', sans-serif;
	margin: 30px auto;
    padding: 10px;
	color: #2A2A2E;
	font-size: 1.05em;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background-color: #ea7d90;
    max-width:500px;
	height: auto;
	text-align: left;

}




.strongerFont{
	font-weight: 700;
}
.italicFont{
	font-weight: 700;
	border: 0;
	/*border-bottom: 0.1em dashed rgba(234,125,144,1);*/
}
.pinkFont{
	color: rgba(234,125,144,1);
}

a, a:active, a:focus {
	outline:none;
	text-decoration: none;
  	/*color: #2A2A2E;*/
	/*text-shadow: rgba(255,255,255,.5)  -1px -1px 1px, rgba(42,42,46,.5) 1px 1px 1px;*/
}

a:hover{
	outline:none;
	/*color: #333;*/
}

a.socialLink, a:active.socialLink, a:visited.socialLink{
	color: #999;
}
a:hover.socialLink{
	color: #ea7d90;
}

a.bioLink, a:active.bioLink, a:visited.bioLink{
	color: #111;
	text-decoration: underline;
}
a:hover.bioLink{
	color: #ea7d90;
}

.leftSide{ width:30%; float: left; padding: 0 2%;}
.contact{
	position: absolute;
	margin-left:35px;
	bottom:10px;
	font-size: 15px;
	text-align: center;
	}
	.contact a{
		color: #ea7d90;
	}

.anezina{ width:80%; transition: all 0.3s ease-in-out; }
.anezina:hover{	/*text-shadow: 2px 1px 2px #aaa;*/}

.menuCollageContainer{
	margin-top:0%;
	margin-left:30%;
	height: 100%;
}
.menuCollage{
	border-radius:3px ;
	display:inline-block;
	max-height: 98%;
	height:auto;
	width: auto;
	/*margin-right: -4px;*/
	opacity:0.95;
	transition:all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	z-index: 10;
}

.menuCollage:hover{
	z-index: 100 !important;
	/*opacity:1;*/
	box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.5) ;
	transform: scale(1.2);
}

figure {
	border-radius:5px;
	margin: 0px;
	height: 100%;
	width:auto;
  	display: inline;
 	position: relative;
  	float: left;
  	overflow: hidden;
}
figcaption {
	font-size:21px;
	width:100%;
	text-align:center;
	top: -5%;
  	position: absolute;
  	
  	background: rgba(255, 255, 255, 0.55);
  	color: #2A2A2E;
	text-shadow: rgba(255,255,255,.4)  -1px -1px 1px, rgba(42,42,46,.3) 1px 1px 1px;


  	/*background: rgba(255, 255, 255, 0.55);
  	color: #000;
  	 text-shadow: rgba(255,255,255,0.5) 1px 0, rgba(255,255,255,0.5) 0 1px, rgba(255,255,255,0.5) 1px 1px; */


  	box-shadow: 0em 0 0.4em rgba(0,0,0,0.5);
  	padding: 25% 5%;
  	margin:0px auto;
  	opacity: 0;
  			transition: all 0.6s ease;
  	-webkit-transition: all 0.6s ease;
  	-moz-transition:    all 0.6s ease;
  	-o-transition:      all 0.6s ease;
}
figure:hover figcaption {
  	opacity: 1;
  	z-index: 1000;
}

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; border-radius:3px;}
.cap-bot:hover figcaption { top: 5%; }




/* Header Style */
.main,
.container > header {
	margin: 0 auto;
	padding: 2em;
}

.container > header {
	text-align: center;
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	opacity: 0.5;
	padding: 0 0 0.6em 0.1em;
}



.container {
	height: 100%;
	position: relative;
}

.container > section {
	margin: 0 auto;
	padding: 5em 3em;
	text-align: center;
	color: #fff;
}

.container > section p {
	position: relative;
	margin: 0;
	padding: 1em;
	z-index: 1;
}

.container > section p.text {
	font-size: 1.4em;
}

.no-touch .note-touch {
	display: none;
}

.color-1 {
	background: #0e83cd;
}

.color-2 {
	background: #f06060;
}

.color-3 {
	background: #fcd04b;
}

.color-4 {
	background: #2ecc71;
}

.color-5 {
	background: #9e54bd;
}

.color-6 {
	background: #4593e3;
}

.color-7 {
	background: #2ac56c;
}

.color-8 {
	background: #ecf0f1;
}

.color-8 p.text {
	color: #aaa;
	font-weight: bold;
}

@media screen and (max-width: 43.75em) {

	.leftSide {
		width: 100%;
		text-align: center;
	}
	.anezina{
		width:50%; 
	}
	.quote-container {
		display: none;
	}
	.contact{
		position: relative;
		margin: 0 auto;
		bottom: auto;
		font-size: inherit;

	}

	.menuCollageContainer{
		margin: auto; 
		text-align: center;
	}
	figure{
		height: 300px;
	}
	.bio-container{
		margin: 5px 20px;
		padding: 14px;
	}
}