@charset "UTF-8";
@import url("../webfonts/texgyreadventor_regular/stylesheet.css");
@import url("../webfonts/texgyreadventor_bold/stylesheet.css");

@media all and (min-width: 481px) and (max-width: 768px) {

html, body { max-width: 768px; background-color: transparent; margin: 0px; padding: 0px; font-family: "texgyreadventor regular"; height: 430px; }

a { color: #900; text-decoration: none; cursor: pointer; }
a:hover { color: #000; text-decoration: none; }

#aboutLinks { width: 35px; }
  #aboutLinks img { width: 35px; height: auto; }
  #aboutLinks img:hover { width: 35px; height: auto; }
#aboutLinksRight { width: 35px; }
  #aboutLinksRight img { width: 35px; height: auto; }
  #aboutLinksRight img:hover { width: 35px; height: auto; }

.aboutContent p { padding:0; margin:20px 0 0 0; font:normal 12px/18px "texgyreadventor regular"; color:#fff; text-align: center; }

#aboutOne { text-align: center; }
#aboutOne .giuliettaphoto { display: block; width: 250px; margin: 0 auto; text-align: center; }
#aboutOne .giuliettaphoto img { width: 250px; height: auto; }
#aboutOne .giuliettaphoto h2 { font: normal 36px/46px "Yellowtail"; margin-top: 0px; }
#aboutOne .giuliettaphoto h3 { font: normal 12px/14px "texgyreadventor regular"; text-transform: uppercase; margin-top: -40px; margin-left: 35px; }
#aboutOne .giuliettaphoto a { color: #900; font-size: 30px; text-decoration: none; }
#aboutOne .giuliettaphoto a:hover { color: #000; font-size: 30px; text-decoration: none; }
#aboutOne .giulietta { display: none; }
#aboutOne .storygiulietta { display: block; margin: 0 10%; }

.storygiulietta { width: 80%; display:block; margin:0 10%; vertical-align:top; text-align:center; }
.storygiulietta h1 { padding:0; margin:0; font:normal 26px/30px "texgyreadventor regular"; }
.storygiulietta p { padding:15px 0 0 0; margin:0; text-align: justify; font:normal 12px/16px "texgyreadventor regular"; color:#000; }
.storygiulietta h2 { font: normal 36px/46px "Yellowtail"; margin-top: 0px; }
.storygiulietta h3 { font: normal 12px/14px "texgyreadventor regular"; text-transform: uppercase; margin-top: -40px; margin-left: 35px; }
.storygiulietta a { color: #900; text-decoration: none; }
.storygiulietta a:hover { color: #000; text-decoration: none; }


#aboutTwo { text-align: center; }
#aboutTwo .paulinephoto { display: block; width: 250px; margin: 0 auto; text-align: center; }
#aboutTwo .paulinephoto img { width: 250px; height: auto; }
#aboutTwo .paulinephoto h2 { font: normal 36px/46px "Yellowtail"; margin-top: 0px; }
#aboutTwo .paulinephoto h3 { font: normal 12px/14px "texgyreadventor regular"; text-transform: uppercase; margin-top: -40px; margin-left: 35px; }
#aboutTwo .paulinephoto a { color: #900; font-size: 30px; text-decoration: none; }
#aboutTwo .paulinephoto a:hover { color: #000; font-size: 30px; text-decoration: none; }
#aboutTwo .pauline { display: none; }
#aboutTwo .storypauline { display: block; margin: 0 10%; }

.storypauline { width: 80%; display:block; margin:0 10%; vertical-align:top; text-align:center; }
.storypauline h1 { padding:0; margin:0; font:normal 26px/30px "texgyreadventor regular"; }
.storypauline p { padding:15px 0 0 0; margin:0; text-align: justify; font:normal 12px/16px "texgyreadventor regular"; color:#000; }
.storypauline h2 { font: normal 36px/46px "Yellowtail"; margin-top: 0px; }
.storypauline h3 { font: normal 12px/14px "texgyreadventor regular"; text-transform: uppercase; margin-top: -40px; margin-left: 35px; }
.storypauline a { color: #900; text-decoration: none; }
.storypauline a:hover { color: #000; text-decoration: none; }

.bottom { position: absolute; left: 10%; bottom: 0; font: normal 12px/14px "texgyreadventor regular"; }


#aboutThree {
    display: none;
}
}