@charset "utf-8";
 
@font-face {
	font-family: 'Gravity-Bold';
	src: url('../fonts/Gravity-Bold.eot');
	 src: url('../fonts/Gravity-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gravity-Bold.woff') format('woff'), 
	url('../fonts/Gravity-Bold.ttf') format('truetype'), 
	url('../fonts/Gravity-Bold.svg#Gravity-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gravity-BoldItalic';
	src: url('../fonts/Gravity-BoldItalic.eot');
	src: url('../fonts/Gravity-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gravity-BoldItalic.woff') format('woff'), 
	url('../fonts/Gravity-BoldItalic.ttf') format('truetype'), 
	url('../fonts/Gravity-BoldItalic.svg#Gravity-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gravity-Book';
	src: url('../fonts/Gravity-Book.eot');
	src: url('../fonts/Gravity-Book.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gravity-Book.woff') format('woff'), 
	url('../fonts/Gravity-Book.ttf') format('truetype'), 
	url('../fonts/Gravity-Book.svg#Gravity-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gravity-Light';
	src: url('../fonts/Gravity-Light.eot');
	src: url('../fonts/Gravity-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Gravity-Light.woff') format('woff'), 
	url('../fonts/Gravity-Light.ttf') format('truetype'), 
	url('../fonts/Gravity-Light.svg#Gravity-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

.bg { background-image:url(../img/bg-green.jpg); background-attachment:fixed;  background-repeat:repeat; max-height:1000px;  }

.logo 
{
	margin-top:100px;
	text-align:center;
}

.prague 
 {
	 margin-top:70px ;
	 text-align:center; 
 }

.prague-title 
 {
	 text-transform:uppercase;
	 font-size:30px;
	 font-family: 'Gravity-Bold';
	 color:#fff;
 }
 
 .prague-date
 {
	 text-transform:uppercase;
	 font-size:22px;
	 font-family: 'Gravity-BoldItalic';
	 color:#fff;
	 letter-spacing:-1px;
 }
 
 .mad-text {text-align:center; max-width:700px; margin-top:50px;}
 
 .bodytext
 {
   font-family: 'Gravity-Light';
   color:rgba(255,255,255,0.9);
   font-size:18px;
   text-align:center;
   line-height:25px;
 }
 
 .mad-name
 {
	font-family: 'Gravity-BoldItalic';
	 color:#fff; 
	 font-size:20px;
 }
 
 .change { color:#ffdd0e;  }
 
 .change:hover { color:#fff;  }
 
 
 /* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  50% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .5s, 1.5s;
  animation-duration: .5s, 1.5s;
  -webkit-animation-delay: 0s, .5s;
  animation-delay: 0s, .5s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.box-border
{
	/*border:solid 1px #fff;*/
	background-image:url(../img/organizers.png); background-repeat:no-repeat; background-size:100% 100%; 
	padding:15px 25px;
	width:400px ;
}

.box-border:hover
{
	/*border:solid 1px #fff;*/
	background-image:url(../img/organizers2.png);  
}



.orgnizers-logo, .orgnizers-logo a  
{	 
   font-family: 'Gravity-Light';
   color:rgba(255,255,255,0.9);
   font-size:18px;
   text-align:center;
   line-height:25px;
   padding-top:10px;
   padding-bottom:10px;
}

.organizers
 {	 
   font-family: 'Gravity-Light';
    color:rgba(255,255,255,0.9);
   font-size:18px;
   text-align:center;
   line-height:25px;
   margin-top:90px;
   margin-bottom:-15px;
   text-transform:uppercase;
}

.powered
 {	 
   font-family: 'Gravity-Light';
   color:rgba(255,255,255,0.9);
   font-size:16px;
   text-align:center;
   text-transform:uppercase;
   padding-top:10px;
}



@media screen and (max-width:1400px)
{
	.logo {	margin-top:30px; }
    .prague { margin-top:40px ; }
    .prague-title  { font-size:26px; }
    .prague-date {font-size:18px;}
    .mad-text {margin-top:30px;}
    .bodytext {  font-size:16px;  line-height:22px; }
    .mad-name {font-size:18px;}
    .orgnizers-logo, .orgnizers-logo a  {font-size:16px; padding-top:5px; padding-bottom:5px;}
    .organizers {font-size:16px;  margin-top:70px;}
    .box-border {padding:10px 15px;  }
}
	

@media screen and (max-width:600px)
{
.box-border {padding:10px 15px; width:auto;  }
}