/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* handlee-regular - latin */
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/handlee-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Handlee Regular'), local('Handlee-Regular'),
       url('../fonts/handlee-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/handlee-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/handlee-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/handlee-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/handlee-v9-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
}

html {
  height: 100%;
  color:rgb(20, 16, 1);
}
body {
  font-family: 'Raleway', sans-serif;
}
a {
  text-decoration: none;
  color:rgb(7, 35, 100);
}

a:focus, a:hover {
  text-decoration: underline;
}

p {
  line-height: 125%;
  margin:0.5em 0;
}

h1 {
  font-family: 'Open Sans', sans-serif;
  margin:0pt;
}


h2 {
  font-family: 'Handlee', cursive;
  font-weight:bold;
  margin:0px;
}

#keywords {
  font-family: 'Handlee', cursive;
}

#fp-nav span.bright {
  border-color:rgb(255, 252, 239);
}
#fp-nav li .active span.bright, .fp-slidesNav .active span.bright {
  background-color:rgb(255, 252, 239);
}

#section0 {
  background-color: rgb(20, 16, 1);
  color:rgb(255, 252, 239);
  text-align: center;

  background-image: url('../images/logo-part.svg');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
}

.no-svg #section0 {
  background-image: url('../images/logo-part.png');
}

#section0 a {
color:rgb(255, 252, 239);
}

#section0 .stage {


  margin: 5pt;
  text-align: center;
  max-width: 500pt;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 200pt;
  width: 48%;

}



#section1 {
  background-color: rgb(162, 160, 144);
  text-align: center;

  background-image: url('../images/chess.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#section2 {
  background-color: rgb(255,211,101);
  text-align: center;

  background-image: url('../images/abacus.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#section3 {
  background-color: rgb(253,253,214);
  text-align: center;

  background-image: url('../images/track.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#section4 {
  background-color: rgb(208,214,212);
  text-align: center;

  background-image: url('../images/letter.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  #section1 { background-image: url('../images/chess-768.jpg'); }
  #section2 { background-image: url('../images/abacus-768.jpg'); }
  #section3 { background-image: url('../images/track-768.jpg'); }
  #section4 { background-image: url('../images/letter-768.jpg'); }
}


@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  #section1 { background-image: url('../images/chess.jpg'); }
  #section2 { background-image: url('../images/abacus.jpg'); }
  #section3 { background-image: url('../images/track.jpg'); }
  #section4 { background-image: url('../images/letter.jpg'); }
}

@media only screen and (max-width: 380px) and (-webkit-min-device-pixel-ratio: 2) {
  #section1 { background-image: url('../images/chess-768.jpg'); }
  #section2 { background-image: url('../images/abacus-768.jpg'); }
  #section3 { background-image: url('../images/track-768.jpg'); }
  #section4 { background-image: url('../images/letter-768.jpg'); }
}

.lowerstage {
  background-color:rgba(255, 255, 255, 0.75);
  max-height: 90%;
  max-width:65%;
  min-height: 150px;
  min-width: 280px;

  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  border-radius: 1em;

  padding:2%;
  min-padding: 1em;

  text-align:left;
  display: inline-block;
}

.contact-stage {
  min-height: 150px;
  min-width: 200px;
}

.vcard {
  margin-top:0.5em;
}

.vcard .fn {
  padding-bottom:0.25em;
}
.vcard .adr {
  font-size:0.8em;
}


.email-container {
  padding-top:0.25em;
}

.key {
  padding-top:-0.25em;
  font-size:50%
}

.adr {
  display: none;
}