html, body {
  margin: 0;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #333;
  cursor: crosshair; 
}

#indexenfrBackground {background-image: url(images/bkg_norddemonde.jpg);}

#indexenfrBackground { 
  background-size: fit;
  background-position: center top;
  background-repeat: no-repeat;
}

#indexFrBackground {background-image: url(images/bkg_xy.jpg);}

#indexFrBackground { 
  background-size: fit;
  background-position: center top;
  background-repeat: no-repeat;
}

#techCoastBackground {background-image: url(images/splash-background.jpg);}

#techCoastBackground { 
  background-size: fit;
  background-position: center top;
  background-repeat: no-repeat;
}

#grammarBackground {background-image: url(images/bkg_croquis8h.jpg);}

#grammarBackground { 
  background-size: fit;
  background-position: left top;
  background-repeat: no-repeat;
}

#redwritingBackground {background-image: url(images/bkg_redwriting.jpg);}

#redwritingBackground { 
  background-size: fit;
  background-position: left top;
  background-repeat: no-repeat;
}

#routedelarechercheBackground {background-image: url(images/bkg_routedelarecherche.jpg);}

#routedelarechercheBackground { 
  background-size: fit;
  background-position: left top;
  background-repeat: no-repeat;
}

a{color:#a56d6d;text-decoration:none;font-weight:bold;}
	a:link{color:#a56d6d;background-color:transparent;}
	a:visited{color:#a56d6d;background-color:transparent;}
	a:active{color:#a56d6d;background-color:transparent;}
	a:hover	{color:#a56d6d;background-color:transparent;text-decoration:none;}

.invisible-until-loaded {
  opacity: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.splash-page {
  background-image: url('../images/splash-background.jpg');
  background-size: fit;
  background-position: center -10%;
}

.splash-sign {
  margin: 0 auto;
  padding: 0.5em;
  text-align: center;
  background: #fffff9;
}

.header {
  background-repeat: no-repeat;min-height: 20vh;
  padding-top: 5vh;
  text-align: center;
}

.header_heading {
  font-style: italic;
  line-height: 90%;
  font-size: 30px;
}

.header_author {
  font-style: normal;
  line-height: 100%;
   margin-bottom: 1.3em;
  font-size: 16px;
}

.header_time {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: bold;
  margin-bottom: 1.5em;
  font-weight: 100;
  font-size: small;
  letter-spacing: 0px;
  color: #3e5b75;
}

.header_month {
  line-height: 90%;
  padding: 5px;
  z-index: 0;
  font-size: 26px;
  font-weight: bold;
  color: #a56d6d;
}

.footer {
  min-height: 8vh;
  padding-top: 2vh;
  text-align: center;
}

.scroll-container {
  overflow-x: scroll;
  overflow-y: visible;
  width: 100%;
}

.container {
  display: flex;
  flex-direction: column;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  cursor: default;
}

.row {
  display: flex;
}

.item {
  position: relative;
  display: table-cell;
  min-width: 1200px;
  width: 1200px;
  max-width: 2040px;
  height: 440px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  border: 0px;
  border-right: 0;
  border-bottom: 0;
  padding: 10px 10px;
  
  overflow: visible;
}

.item1 {
  position: relative;
  display: table-cell;
  min-width: 5252px;
  width: 5252px;
  max-width: 5252px;
  height: 545px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  border: 0px;
  border-right: 0;
  border-bottom: 0;
  padding: 10px 10px;
  
  overflow: visible;
}

.echelle {
	width: 1517px;
	left: 135px;
	top: 270px;
	float:none;
	position:absolute;
}

.elv12000 {
	width: 12000px;
	left: 1020px;
	top: 0px;
	float:none;
	position:absolute;
}

.textblockLetters {
	padding: 10px 10px;
	margin: 10px 10px;
	text-align: justify;
	font-size: medium;
	width: 390px;
	left: 1600px;
	top: 50px;
	float:none;
	position:absolute;
}

.textblockLetters1 {
	padding: 10px 10px;
	margin: 10px 10px;
	text-align: justify;
	font-size: medium;
	width: 380px;
	left: 10640px;
	top: 50px;
	float:none;
	position:absolute;
}


.redLetters {
	color: red;
}

.grammar_end {
  position: absolute;
  float: none;
  left: 12400px;
  top: 0px;
  width: 810px;
  height: 580px;
  z-index: 0;
 
}
.grammar_menu {
  position: absolute;
  float: none;
  left: 11425px;
  padding: 2px;
  top: 480px;
  width: 1350px;
  height: 100px;
  z-index: 0;
  text-align: center;
  line-height: 80%;
  font-size: 22px;
  font-weight: bold;
  color: #a56d6d;
}
.recherche_menu {
  position: absolute;
  float: none;
  left: 6080px;
  padding: 2px;
  top: 2510px;
  width: 1350px;
  height: 300px;
  z-index: 0;
  text-align: center;
  line-height: 80%;
  font-size: 22px;
  font-weight: bold;
  color: #a56d6d;
  background-color: transparent;
    letter-spacing:+2px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(-37.5deg); /* IE 9 */
    -webkit-transform: rotate(-37.5deg); /* Chrome, Safari, Opera */
    transform: rotate(-37.5deg);
}


p.ilphabete.line {
	padding: 10px 10px;
	vertical-align: middle;
	left: 2000px;
	top: 20px;
	width: 9500px;
	float:none;
	position:absolute;
}

p.and.line {
	padding: 10px 10px;
	vertical-align: middle;
	left: 1270px;
	top: 140px;
	width: 7000px;
	float:none;
	position:absolute;
}

p.coast.line {
	padding: 10px 10px;
	vertical-align: middle;
	left: 11100px;
	top: 140px;
	width: 2000px;
	float:none;
	position:absolute;
}
p.cote.line {
	padding: 10px 10px;
	vertical-align: middle;
	left: 11100px;
	top: 140px;
	width: 2000px;
	float:none;
	position:absolute;
}

p.bb1.line {
	font-size: 11pt;
	font-weight: regular;
	text-align: center;
	width: 290px;
	float:none;
	position:relative;
}

	


#embarking {
    float:none;
	position:absolute;
	left: 2205px;
	top: 145px;	
	width: 380px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#twometres {
    float:none;
	position:absolute;
	left: 3000px;
	top: 435px;	
	width: 280px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#labours {
    float:none;
	position:absolute;
	left: 3340px;
	top: 145px;	
	width: 380px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#precautions {
    float:none;
	position:absolute;
	left: 3705px;
	top: 435px;	
	width: 250px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
#calculations {
    float:none;
	position:absolute;
	left: 4495px;
	top: 140px;	
	width: 370px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
#rescue {
    float:none;
	position:absolute;
	left: 4760px;
	top: 280px;	
	width: 370px;
    height: 80px;
    background-color: transparent;
}
#divisions {
    float:none;
	position:absolute;
	left: 5160px;
	top: 440px;	
	width: 270px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
#ilhaute {
    float:none;
	position:absolute;
	left: 5770px;
	top: 60px;	
	width: 270px;
    height: 210px;
    background-color: transparent;	
}

#islet {
    float:none;
	position:absolute;
	left: 5940px;
	top: 165px;	
	width: 320px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#notches {
    float:none;
	position:absolute;
	left: 6360px;
	top: 440px;	
	width: 270px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#need {
    float:none;
	position:absolute;
	left: 7050px;
	top: 100px;	
	width: 320px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-70deg); /* IE 9 */
    -webkit-transform: rotate(-70deg); /* Chrome, Safari, Opera */
    transform: rotate(-70deg);
}

#nothing {
    float:none;
	position:absolute;
	left: 7700px;
	top: 435px;	
	width: 270px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#cork {
    float:none;
	position:absolute;
	left: 8380px;
	top: 125px;	
	width: 270px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#afloat {
    float:none;
	position:absolute;
	left: 9440px;
	top: 425px;	
	width: 320px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#metre {
    float:none;
	position:absolute;
	left: 11390px;
	top: 55px;	
	width: 220px;
    height: 80px;
    text-align: right;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(68deg); /* IE 9 */
    -webkit-transform: rotate(68deg); /* Chrome, Safari, Opera */
    transform: rotate(68deg);
}

#phrase {
    float:none;
	position:absolute;
	left: 12890px;
	top: 160px;	
	width: 310px;
    height: 80px;
    background-color: transparent;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

p.iam.line {
	padding: 10px 10px;
	vertical-align: middle;
	left: 13090px;
	top: 0px;
	width: 2500px;
	float:none;
	position:absolute;
}
p.ibb.line {
	padding: 0px 0px;
    text-align: right;
	left: 13800px;
	top: 250px;
	width: 1400px;
    z-index: 0;
    font-size: 70px;
    font-weight: bold;
    float:none;
    position:absolute;
    color: #c0b3b3;
}

.incremental_menu {
  position: absolute;
  float: none;
  left: 15200px;
  padding: 2px;
  top: 370px;
  width: 300px;
  height: 220px;
  z-index: 0;
  text-align: center;
  line-height: 80%;
  font-size: 22px;
  font-weight: bold;
  color: #a56d6d;
}

#routeS {
    float:none;
	position:absolute;
	left: 1460px;
	top: 460px;	
	width: 920px;
    height: 760px;
    background-color: transparent;
	}

#research_anchor {
    float:none;
	position:absolute;
	left: 2070px;
	top: 700px;	
	width: 1500px;
    height: 1180px;
    background-color: transparent;
	}
#research_vertical {
    float:none;
	position:absolute;
	left: 3030px;
	top: 770px;	
	width: 1500px;
    height: 1180px;
    background-color: transparent;
	}
#research_zigzag {
    float:none;
	position:absolute;
	left: 5050px;
	top: 2000px;	
	width: 1500px;
    height: 1180px;
    background-color: transparent;
	}
p.researchihad.line {
    float:none;
	position:absolute;
	left: 3730px;
	top: 905px;	
	width: 600px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+2px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
	}
p.researchmigration.line {
    float:none;
	position:absolute;
	left: 3970px;
	top: 1750px;	
	width: 720px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+2px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	}
p.routedelarecherche.line {
    float:none;
	position:absolute;
	left: 4000px;
	top: 2050px;	
	width: 700px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+2px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	}
		
#researchpivoting {
    float:none;
	position:absolute;
	left: 4100px;
	top: 2300px;	
	width: 600px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+2px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	}
p.researchedgeone.line {
    z-index: 1;
    float:none;
	position:absolute;
	font-size: 16pt;
	text-align: left;
	left: 4700px;
	top: 2440px;	
	width: 600px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+10px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	}
p.researchedgetwo.line {
    z-index: 1;
    float:none;
	position:absolute;
	font-size: 22pt;
	color: gray;
	left: 5300px;
	top: 2580px;	
	width: 500px;
    height: 180px;
    background-color: transparent;
    letter-spacing:+7px;
	text-align: left;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	}
		
#dddddd {
    float:none;
	position:absolute;
	left: 4300px;
	top: 2000px;	
	width: 600px;
    height: 180px;
    background-color: transparent;
    }	
	
#circle {
    float:none;
	position:absolute;
	left: 800px;
	top: 300px;	
	width: 310px;
    height: 80px;
    background-color: transparent;
	}

#castaway1 {
    float:none;
	position:absolute;
	left: 810px;
	top: 245px;	
	width: 500px;
    height: 80px;
    background-color: transparent;
    font-size: 48pt;
    font-weight: 600;	
    text-align: right;
    color: silver;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}

#castaway1fr {
    float:none;
	position:absolute;
	left: 810px;
	top: 255px;	
	width: 500px;
    height: 80px;
    background-color: transparent;
    font-size: 38pt;
    font-weight: 600;	
    text-align: right;
    color: silver;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
#castaway2 {
    float:none;
	position:absolute;
	left: 1020px;
	top: 240px;	
	width: 300px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
	text-align: right;
    /* Rotate div */
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}

#castaway3 {
    float:none;
	position:absolute;
	left: 1135px;
	top: 220px;	
	width: 200px;
    height: 80px;
    background-color: transparent;
    text-align: right;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

#castaway4 {
    float:none;
	position:absolute;
	left: 1120px;
	top: 160px;	
	width: 280px;
    height: 80px;
    background-color: transparent;
	text-align: right;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Chrome, Safari, Opera */
    transform: rotate(60deg);
}

#castaway5 {
    float:none;
	position:absolute;
	left: 1200px;
	top: 150px;	
	width: 250px;
    height: 80px;
    background-color: transparent;
	text-align: right;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(75deg); /* IE 9 */
    -webkit-transform: rotate(75deg); /* Chrome, Safari, Opera */
    transform: rotate(75deg);
}

#castaway6 {
    float:none;
	position:absolute;
	left: 1250px;
	top: 95px;	
	width: 350px;
    height: 80px;
    background-color: transparent;
    font-size: 28pt;
    font-weight: 600;	
    color: silver;
		letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}

#castaway7 {
    float:none;
	position:absolute;
	left: 1370px;
	top: 150px;	
	width: 280px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-75deg); /* IE 9 */
    -webkit-transform: rotate(-75deg); /* Chrome, Safari, Opera */
    transform: rotate(-75deg);
}

#castaway8 {
    float:none;
	position:absolute;
	left: 1410px;
	top: 160px;	
	width: 340px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Chrome, Safari, Opera */
    transform: rotate(-60deg);
}

#castaway9 {
    float:none;
	position:absolute;
	left: 1455px;
	top: 215px;	
	width: 340px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

#castaway10 {
    float:none;
	position:absolute;
	left: 1480px;
	top: 280px;	
	width: 340px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    transform: rotate(-30deg);
}

#castaway11 {
    float:none;
	position:absolute;
	left: 1480px;
	top: 350px;	
	width: 340px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
}

#castaway12 {
    float:none;
	position:absolute;
	left: 1470px;
	top: 420px;	
	width: 700px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

#castaway13 {
    float:none;
	position:absolute;
	left: 1450px;
	top: 513px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}

#castaway14 {
    float:none;
	position:absolute;
	left: 1400px;
	top: 625px;	
	width: 650px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
    transform: rotate(30deg);
}

#castaway15 {
    float:none;
	position:absolute;
	left: 1340px;
	top: 670px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

#castaway16 {
    float:none;
	position:absolute;
	left: 1265px;
	top: 725px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
    font-size: 20pt;
    font-weight: 600;	
    color: silver;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(60deg); /* IE 9 */
    -webkit-transform: rotate(60deg); /* Chrome, Safari, Opera */
    transform: rotate(60deg);
}

#castaway17 {
    float:none;
	position:absolute;
	left: 1160px;
	top: 755px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(75deg); /* IE 9 */
    -webkit-transform: rotate(75deg); /* Chrome, Safari, Opera */
    transform: rotate(75deg);
}
#castaway18 {
    float:none;
	position:absolute;
	left: 1065px;
	top: 750px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
#castaway19 {
    float:none;
	position:absolute;
	left: 970px;
	top: 710px;	
	width: 550px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(105deg); /* IE 9 */
    -webkit-transform: rotate(105deg); /* Chrome, Safari, Opera */
    transform: rotate(105deg);
}

#castaway20 {
    float:none;
	position:absolute;
	left: 1050px;
	top: 585px;	
	width: 350px;
    height: 80px;
    background-color: transparent;
    font-size: 26pt;
    font-weight: 600;	
    color: silver;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(120deg); /* IE 9 */
    -webkit-transform: rotate(120deg); /* Chrome, Safari, Opera */
    transform: rotate(120deg);
}
#castaway21 {
    float:none;
	position:absolute;
	left: 980px;
	top: 525px;	
	width: 350px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
}
#castaway22 {
    float:none;
	position:absolute;
	left: 990px;
	top: 450px;	
	width: 300px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+2px;
    /* Rotate div */
    -ms-transform: rotate(150deg); /* IE 9 */
    -webkit-transform: rotate(150deg); /* Chrome, Safari, Opera */
    transform: rotate(150deg);
}

#castaway23 {
    float:none;
	position:absolute;
	left: 925px;
	top: 395px;	
	width: 350px;
    height: 80px;
    background-color: transparent;
	letter-spacing:+7px;
    /* Rotate div */
    -ms-transform: rotate(165deg); /* IE 9 */
    -webkit-transform: rotate(165deg); /* Chrome, Safari, Opera */
    transform: rotate(165deg);
}

@media screen and (max-width: 444px) {
  .item {
    min-width: 100vw;
    max-width: auto;
  }
}

.item:last-child {
  border-right: 1px solid #666;
}

.foreground {
  position: relative;
  z-index: 10;
}

.background {
  position: absolute;
  left: 0;
  top: 0.2em;
  line-height: 100%;
  padding: 0px 0px;
  z-index: 0;
  font-size: 70px;
  font-weight: bold;
  color: #c0b3b3;
}

.background1 {
  position: absolute;
  left: 1020px;
  top: 95px;
  width: 3000px;
  line-height: 100%;
  padding: 0px 0px;
  z-index: 0;
  font-size: 70px;
  font-weight: bold;
  color: #c0b3b3;
}
.background2 {
  position: absolute;
  left: 9000px;
  top: 210px;
  width: 2300px;
  line-height: 100%;
  padding: 0px 0px;
  z-index: 0;
  font-size: 70px;
  font-weight: bold;
  color: #c0b3b3;
}

.row:last-child .item {
  border-bottom: 1px solid #666;
}


.date {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 1.3em;
}

.date-infinite {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 1.3em;
}

.month-text {
  color: #21212b;
  padding: 10px 10px;
	margin: 10px 10px;
	text-align: justify;
	font-size: medium;
	width: 580px;
	float:left;
	position:relative;
}

.about {
  max-width: 550px;
  border: 0px solid #666;
  border-right: 0;
  border-bottom: 0;
  padding: 1.5em 1.5em;
  margin: 0 auto;
}

.about-text {
  font-size: small;
  color: #21212b;
  line-height: 120%;
  letter-spacing: 0px;
}