@font-face {
    font-family: GeosansLight;
    src: url(/fonts/GeosansLight.ttf);
}

html,body{margin: 0 auto !important;}

div.iframeContainer{
    width: 635px;
    height: 640px;
    overflow: hidden;
    margin:0 auto;
    margin-left:21%;
   padding-bottom:500px;
}

iframe{
    width:650px;
    height: 700px;
    margin-top: 0;
/*    overflow: hidden;*/
    border:none;
   /* background-color:rgba(0,0,0,0.4);*/
}

video { 
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  transition: 1s opacity;
}

section{
    margin:0 auto;
    text-align:center;
    color:#fff;
    
}
h1{font-size:xx-large; font-family:Geomancy;}

h2,h3{font-size:xx-medium; font-family:Geomancy;}




img.imgEvents{
    width:350px;
    margin:0 auto;
   
}




a.aPHP{color:#fff;}
@media only screen and (min-width : 320px) and (max-width : 480px) {
   div.iframeContainer{
    width: 106%;
    height: 640px;
    margin-left:0;

}
    iframe{width:340px;}
}