@charset "utf-8";
@media (min-device-width:800px) {
@media (min-width: 800px){
@font-face{
	font-family: logo;
	src: url(fonts/TimeburnerBold-peGR.tff);
}
@font-face{
	font-family: sig;
	src: url(fonts/AlexBrush-7XGA.ttf);
}
.f_name{
	margin-left: 12px;
	font-size: x-large;
	margin-top: 0;
	font-family: logo;
	font-weight: bold;
	color: #00d0f0;
}
.f_me{
	margin-left: 12px;
	margin-top: 10px;
	font-family: sig;
	font-size: 4.5em;
	margin-bottom: 0;
}
body{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.f_mail{
	margin-left: 12px;
	font-size: medium;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.b_text{
	font-size: 2vw;
}
.container {
	position: relative;
	width: 50%;
	margin-left: 25%;
	margin-right:25%;
	margin-top: 5%;
	height: 260px;

	background: #fff; 

	
	/* Set the depth of the elements */
	/* -webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px; */
  }


.flip_card {
	width: 100%; 
	/* position: absolute; */


	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
  } 
.flip_card.flipped{
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
  }

  .flip_card .back {
	/* background: #444444; */
	width: 100%; 	height: 400px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	overflow: auto;	

	position:absolute;
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );

	-webkit-backface-visibility: hidden;
  	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
  	backface-visibility: hidden;
	margin-bottom: 100px;
  }

   .flip_card .front{
	width: 100%; 	
	position:absolute;
	box-sizing: content-box;
	height: 400px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);




	-webkit-transform: rotateY( 0deg );
	-moz-transform: rotateY( 0deg );
	-o-transform: rotateY( 0deg );
	transform: rotateY( 0deg );
	-webkit-backface-visibility: hidden;
  	-moz-backface-visibility: hidden;
  	-o-backface-visibility: hidden;
  	backface-visibility: hidden;
   }

h2{
	text-align: center;
}
p.b_text{
	padding-left: 3%; padding-right: 3%;
	font-size: 1em;
}
.flipper, .flipper2{
	text-align: right; padding-right: 2%;
	cursor: pointer;
	text-decoration: underline;
    color: blue;
}
.hider, .shower{
	display: none;
}
.icons{ width: 20px; }
.f_links{ line-height: 150%; }
.bs{min-height:50px;}
.container{min-height: 500px; }
article{ text-align: center; 
	margin: auto; }
h3{ margin-bottom: 0; padding-bottom: 0;}
.dates{ font-style: italic; margin-top: 0; }
article > p{ text-align: left;}
footer p{
	margin: 0 auto;
	text-align: center;
}}
@media (max-width:799px) {
	@font-face{
		font-family: logo;
		src: url(fonts/TimeburnerBold-peGR.tff);
	}
	h1{
		font-family: logo;
		color: #00d0f0;
	}
	.f_me{ display: none;}
	.f_mail{
		display: none;
		font-size: medium;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	}
	.icons{ width: 20px; }
	.f_links{ line-height: 150%; }
	.flipper, .flipper2{
		display: none; }
	.back.hide{ display: none; }
	.shower.hide{ display: none; }
	.shower, .hider{ 
		text-align: right;
		padding-right: 2%;
		cursor: pointer;
		text-decoration: underline;
		color: blue;}
	h3{ margin-bottom: 0; padding-bottom: 0;}
	.dates{ font-style: italic; margin-top: 0; }
	}
}