html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section { display: block; }

	body { line-height: 1; }

	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	ol, ul, li { list-style: none; }

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* @end of Reset */


body{

}


#video_background {
position: absolute;
top:0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
overflow: hidden;
}






.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}


.item:first-of-type {
  position: static;
  opacity: 1;
}


h2 {
  font-family: 'p22_johnston_undergroundRg'; }

h1 {
  font-family: 'p22_johnston_undergroundRg';
}



header h1{

}

.row
{
    position:absolute;
    width: 100%;
    background: #b97a6f;
    vertical-align: middle;
    text-align: center;
    padding-top:12px;
    padding-bottom:8px;
    z-index:1;

}

.row li{
    display:inline-block;
    font-size: 2.5em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:90px;

}

.row li:first-child{
    font-size: 1.9em;
}



.row a{
text-decoration:none;
color:#46c3bc;
}

.row a:hover{
color:#4D87E2;
text-decoration:none;
}


.firstpage{
font-family: 'JohnstonITCStdBold'
}


.gallery{
}




.gallery .superfluous {
    }

.gallery .superfluous1 {
  background-color:#a97a6f;

  background-size: cover;
  position:absolute;
  z-index:4;
    }

.gallery .superfluous2 {
  background-color:#66c3bc;
  background-size: cover;
  position:absolute;
  z-index:4;
    }

.gallery .item:first-of-type {
  position: absolute; }

.superfluous, .superfluous1, .superfluous2 {
  display: table;
  height: 100%;
  width: 100%; }





.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
}

  .gallery .animations header .title {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}



  .gallery .animations header p {

}


  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
}

  .gallery .animations #A1 h1, .gallery .animations #A1 a {

    position: relative;
    z-index: 1;
    color:#66c2a5;}

  .gallery .animations #A2 h1, .gallery .animations #A2 a {

    position: relative;
    z-index: 1;
    color:#fe8080;}

  .gallery .animations a{
    position: absolute;
    top:20%;
    z-index: 1;
}

.gallery .animations h1 {
  font-size: 2.5em;
  font-weight: 700; }

.gallery .animations a {
}


.gallery .animations h2 {
  font-size: 1.2em;
  font-weight: 600; }








/* menu */


.gallery .ribbon {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  z-index:8;
    }


.gallery .ribbon ul{
  padding-right:0px;
  top: 0;
  right: 0;
  width: auto;
    }

.gallery .ribbon ul li{
      display: inline-block;
      background-color:blue;
	  top: 0;
	  right:0;
	  padding:15px;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  font-size:22px;
	  font-family:"UniversRoman", Helvetica;
	    }


.gallery .item:first-of-type {
  position: absolute; }



.gallery {
  position: relative;
}

.gallery .introduction {
  background: #4D87E2;
  text-align: center; }

.gallery .item:first-of-type {
  position: absolute; }


header a{
color:white;
}


.share {

  padding: 0.4em 0;
  text-align: center; }

  .share .share-button {
    display: inline-block;
    margin: 0 1em; }




     @media screen and (max-width:990px) {
.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
                        font-size:2em;
}

.gallery .animations header .title  {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;

    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}


  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
    font-size:1em;
}
}


     @media screen and (max-width:830px) {
.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
                        font-size:1.7em;
}

.gallery .animations header .title  {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;

    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}




  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
}

.gallery .animations header H2 span {
    display:none;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
    font-size:1.2em;
}
}


     @media screen and (max-width:710px) {
.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
    font-size:1.4em;
}

.gallery .animations header .title  {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;

    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}


  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
}

.gallery .animations header H2 span {
    display:none;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
   font-size:1em;
}
}

     @media screen and (max-width:575px) {
.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
    font-size:1.3em;
}

.gallery .animations header .title  {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;

    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}

  .gallery .animations header H2 span{
    display:none;
}

.gallery .animations header H1 span{
    display:none;
}

  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 0.8em;
    color:#fe8080;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
   font-size:1em;
}
}


     @media screen and (max-width:450px) {
.gallery .animations header {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }


  .gallery .animations header h1 {
    text-decoration:none;
    position: relative;
    z-index: 1;
    color:#fe8080;
    padding-bottom:25px;
    font-size:1em;
}

.gallery .animations header .title  {
    text-decoration:none;
    position: relative;
    display: inline;
    z-index: 1;

    background: rgba(0, 0, 0, 0.5);
    padding:8px;
    /*border: 3px solid #f66;*/
}

  .gallery .animations header H2 span{
    display:none;
}

.gallery .animations header H1 span{
    display:none;
}

  .gallery .animations header a {
    text-decoration:none;
    position: relative;
    z-index: 0.7em;
    color:#fe8080;
}

  .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:20%;
   font-size:0.8em;
}
}





     @media screen and (max-width:700px) {

    .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:10%;
}
 }



     @media screen and (max-width:550px) {

    .gallery .animations header h2 {

    position: relative;
    z-index: 1;
    color:red;
    margin-bottom:5%;
}
 }




    /*menu resize*/
@media screen and (max-width:1250px) {


.row li{
    display:inline-block;
    font-size: 1.8em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:60px;

}

.row li:first-child{
    font-size: 1.4em;
}



  }


 @media screen and (max-width:850px) {


.row li{
    display:inline-block;
    font-size: 1.5em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:40px;

}

.row li:first-child{
    font-size: 1.2em;
}

  }

 @media screen and (max-width:640px) {


.row li{
    display:inline-block;
    font-size: 1.2em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:30px;

}

.row li:first-child{
    font-size: .9em;
}


  }



 @media screen and (max-width:520px) {


.row li{
    display:inline-block;
    font-size: 1.2em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:20px;

}

.row li:first-child{
    font-size: .8em;
}
  }



 @media screen and (max-width:465px) {


.row li{
    display:inline-block;
    font-size: 1.0em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:12px;

}
                                                                                                                         .row li:first-.row li:first-child{
    font-size: .6em;
}
  }
                                                                                                                     

@media screen and (max- @media screen and (max-width:330px) {


.row li{
    display:inline-block;
    font-size: 0.7em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:10px;

}
                                                                                                                         .row li:first-child{
    font-size: .5em;
}
  }
@media screen and (max-width:250px) {


.row li{
    display:inline-block;
    font-size: 0.6em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:8px;

}
                                                                                                                         .row li:first-child{
    font-size: .5em;
}
   }
@media screen and (max-width:220px) {


.row li{
    display:inline-block;
    font-size: 0.5em;
   font-weight: 700;
    font-family: 'p22_johnston_undergroundRg';
     margin-left:6px;

}
                                                                                                                         .row li:first-child{
    font-size: .5em;
}
   }