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

@media all and (max-width: 480px) {

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

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

section article #aboutContainer {
    width: 50%;
    height: 500px;
	position: absolute;
	left: 0;
    border: none;
    overflow: hidden;
	float: left;
}

#aboutWrapper {
    width: 100%;
    position: relative;
    left: 0;
	transition: left .5s ease-in-out;
}

#aboutLinks { display: none; }
  #aboutLinks img { width: 25px; height: auto; }
  #aboutLinks img:hover { width: 25px; height: auto; }
#aboutLinksRight { display: none; }
  #aboutLinksRight img { width: 25px; height: auto; }
  #aboutLinksRight img:hover { width: 25px; height: auto; }

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

#aboutOne { background-color: transparent; width: 50%; height: auto; text-align: center; margin-left: 0; float: left; display: inline-block; }
#aboutOne .giuliettaphoto { display: block; width: 125px; margin: 0 auto; text-align: center; }
#aboutOne .giuliettaphoto img { width: 125px; height: auto; margin: 0; }
#aboutOne .giuliettaphoto h2 { font: normal 34px/44px "Yellowtail"; margin-top: 0px; }
#aboutOne .giuliettaphoto h3 { font: normal 9px/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; visibility: hidden; }
#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 22px/26px "texgyreadventor regular"; }
.storygiulietta p { padding:15px 0 0 0; margin:0; text-align: justify; font:normal 10px/16px "texgyreadventor regular"; color:#000; }
.storygiulietta h2 { font: normal 32px/42px "Yellowtail"; margin-top: 0px; }
.storygiulietta h3 { font: normal 9px/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 { background-color: transparent; width: 50%; height: auto; text-align: center; margin-left: 0; float: left; display: inline-block; }
#aboutTwo .paulinephoto { display: block; width: 125px; margin: 0 auto; text-align: center; }
#aboutTwo .paulinephoto img { width: 125px; height: auto; margin: 0; }
#aboutTwo .paulinephoto h2 { font: normal 34px/44px "Yellowtail"; margin-top: 0px; }
#aboutTwo .paulinephoto h3 { font: normal 9px/14px "texgyreadventor regular"; text-transform: uppercase; margin-top: -40px; margin-left: 0; }
#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; visibility: hidden; }
#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 22px/26px "texgyreadventor regular"; }
.storypauline p { padding:15px 0 0 0; margin:0; text-align: justify; font:normal 10px/16px "texgyreadventor regular"; color:#000; }
.storypauline h2 { font: normal 32px/42px "Yellowtail"; margin-top: 0px; }
.storypauline h3 { font: normal 9px/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 10px/14px "texgyreadventor regular"; }
}