:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

body{
  background: #FEFFE0;
  overflow-x: hidden;
}

/* Prevent horizontal overflow for all elements */
* {
  max-width: 100%;
  box-sizing: border-box;
}

/* Make images responsive */
img {
  max-width: 100%;
  height: auto;
  display: block;
}
.buyBanners{
    background: #a84735;
    width: 100%;
    /* max-width: 1280px; */
    padding: 8px;
    color: white;
    text-align: center;
    bottom: 0px;
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    font-family: Libre Caslon Display, var(--default-font-family);
}


.logs {
  width: 100%;
  max-width: 1280px;
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
  margin: auto;
}
.buyBanners a{
	color:white;
	padding:8px;
	font-family: Libre Caslon Display, var(--default-font-family);
	font-size: 1.2rem;
}

.metalink img{
  width: 40%;
  height: auto;
}

.metalink{
width: 40px;
height: auto;
}

.updateLinks{
		    display: none;
			width: auto;
    position: absolute;
    float: left;
    top: 78px;
    right: 40px;
    background: #783224;

	}
		#updatelinks:hover .updateLinks{
  display: block;
}
	.updateLinks a{
		position: relative;
    display: inline-block;
    color: #4e231a;

	}
	
section{
	width:100%;
	text-align: center;
  background: #f0f0de;
  margin-bottom: 240px;
}

.main-container {
  overflow-x: hidden;
  overflow-y: auto;
}


.introContent{
    position: relative;
    column-gap: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
flex-direction: row;
margin-top:72px;
    margin-bottom: 240px;
}



.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}
body{
	margin:0px;
  background: #f0f0de;
}

h3{
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 4rem;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  padding: 0px;
  margin: 0;
  color: #000000;
  font-size: 2.5rem;
  padding: 24px;
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
  margin: 0 auto;
  text-align: center;
  background: #f0f0de;
  z-index: 999;
  position: absolute;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
}
h6{
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 1.2rem !important;
  font-weight: 900;
  /* text-align: center; */
  white-space: nowrap;
  padding: 0px;
  margin: 0;
  color: #000000;
  padding: 16px;
  margin: auto;
  z-index: 999;
  word-break: break-word;
  
  height: auto;
  white-space: break-spaces;
  word-break: auto-phrase;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: 520x;
  margin: 0 auto;
  background: #f0f0de;
  overflow: hidden;
  
}
.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 100%;
  height: 920px;
}


.introtext {
  position: relative;
  display: inline-block;
  width: 540px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  flex: none;
  order: 1;
  flex-grow: 0;
  row-gap: 16px;
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
  margin-top: 64px;
}


.the-true-story {
  flex-shrink: 0;
  position: relative;
  color: #000000;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 200%;
  text-align: left;
  z-index: 3;
  padding: 0px 40px;
}


.david-henry-white {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 461.365px;
  height: 408px;
  color: #000000;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  z-index: 4;
}
.banner {
  flex-shrink: 0;
  position: absolute;
  width: 478px;
  height: 761px;
  top: 126.086px;
  left: 96px;
  z-index: 5;
  text-align: center;
}
.photo-frame {
width: 560px;
    height: 540px;
    top: 0.05px;
    left: 0.76px;
    background: url(assets/images/banner.svg) no-repeat center;
    background-size: contain;
    z-index: 6;
    vertical-align: middle;
}

h1 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  color: #a94835;
  font-family: League Gothic, var(--default-font-family);
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
  text-align: center;
  text-overflow: initial;
  letter-spacing: 8px;
  z-index: 8;
  margin: auto;
  overflow: hidden;
}


h2{
	  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
 
  color: #000000;
  font-family: League Gothic, var(--default-font-family);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4rem;
  text-align: center;
  text-overflow: initial;
  letter-spacing: 8px;
  z-index: 8;
  margin:0;
  overflow: hidden;
  margin: auto;
      margin-bottom: 16px;
	  text-align:center;
	  
}

h4{
		  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  color: #000000;
  font-family: League Gothic, var(--default-font-family);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  text-align: center;
  text-overflow: initial;
  letter-spacing: 8px;
  z-index: 8;
  margin:0;
  overflow: hidden;
  margin: auto;
  padding: 16px;
      margin-bottom: 16px;
	  text-align:center;
}
#intro h4{
	color:rgb(0, 0, 0);
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
}
.frame-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 377px;
  z-index: 9;
}
.group-5 {
  flex-shrink: 0;
  position: relative;
  width: 263.27px;
  height: 58px;
  font-size: 0px;
  z-index: 10;
}
.of {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 20px;
  height: 23px;
  margin: 26px 0 0 200.174px;
  color: #45585c;
  font-family: Roboto Serif, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  white-space: nowrap;
  z-index: 12;
}
.swirl{
	flex-shrink: 0;
    position: relative;
    width: 240px;
    height: 32px;
    background: url(./assets/images/ornament1.svg) no-repeat center;
    background-size: contain;
    z-index: 84;
	margin:auto;
}
.swirlblue{
	flex-shrink: 0;
    position: relative;
    width: 240px;
    height: 32px;
    background: url(./assets/images/swirlblue.svg) no-repeat center;
    background-size: contain;
    z-index: 84;
	margin:auto;
}
.the-civil-war-voyage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 263.27px;
  height: 100%;
  top: 0;
  left: 0;
  color: #45585c;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.6px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 6px;
  z-index: 11;
}
.david-henry-white-6 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 337px;
  height: 25px;
  color: #45585c;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 6px;
  z-index: 13;
}
.andrew-sillen {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  color: #45585c;
  font-family: League Gothic, var(--default-font-family);
  font-size: 56px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 5.6px;
  z-index: 14;
}
.frame-7 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 24px;
  position: absolute;
  width: 359.109px;
  height: 87px;
  top: 537.044px;
  left: 71.847px;
  padding: 24px 40px 24px 40px;
  background: #a94835;
  z-index: 15;
}
.buy-this-book {
  flex-shrink: 0;
  position: relative;
  width: 204px;
      font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 16;
}
.buy {
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  text-align: center;
}
.nbsp {
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
  text-align: center;
}
.the {
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 28px;
  font-weight: 400;
  line-height: 41.6px;
  text-align: center;
}
.nbsp-8 {
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
  text-align: center;
}
.buy-9 {
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 32px;
  font-weight: 700;
  line-height: 41.6px;
  text-align: center;
}
.vector {
  flex-shrink: 0;
  position: relative;
  width: 54.109px;
  height: 26.333px;
  background: url(./assets/images/5ed0e02b-759f-4383-bf30-40ab89e3e7f5.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}

#intro{
  width:100%;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  box-sizing: border-box;
  overflow-x: hidden;
}



.navigation{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: fixed;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  right:0;
  background: #a94835;
z-index: 1000;
gap: 24px;
	justify-content: center;
	padding:0px 8px;
  width:100%
}


.logokas {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  width: 207px;
  z-index: 158;
.kidnapped-at-sea-f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: League Gothic, var(--default-font-family);
  font-size:2rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: left;
  white-space: nowrap;
  z-index: 159;
}
}
.navlinks {
display: flex;
    align-items: center;
    /* justify-content: space-between; */
    align-self: stretch;
    /* flex-wrap: nowrap; */
    /* flex-shrink: 0; */
    column-gap: 8px;
    position: relative;
    /* width: 840px; */
    /* z-index: 160; */
    /* margin: auto; */
}

.publicationsList{
	    width: 90%;
    margin: auto;
	max-width: 960px;
	border: thick double #000000;
	padding: 24px;
  
  font-family: Libre Caslon Display, var(--default-font-family);
}

.publicationsList p{
	font-family: Libre Caslon Text, var(--default-font-family);
    font-weight: 400;
    text-align: left;
    padding: 0px;
    margin: 0;
    color: #000000;
	font-size:1.25 rem;
}

.navselected {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  height: 24px;
  position: relative;
  width: 137.808px;
  padding: 0 40px 0 40px;
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #ffffff;
  z-index: 161;
  color: #fff;
}

.navselected .link{
	color:white;
}
.link:hover{
	color:white;
}
.link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: auto;
  color: #4c190e; 
  font-family: League Gothic, var(--default-font-family);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  z-index: 162;
  text-decoration:none;
  padding: 8px 16px;
}
.subheader{
	width: 40%;
	text-align: center !important;
	margin: auto;
	color: #000000;
	margin:auto;
	font-weight :900;
	font-family: Libre Caslon Display, var(--default-font-family);
	margin-bottom: 16px;
}

.extendedintro{
	width:100%;
	padding: 24px;
}

.extendedintro p{
	width:100%;
	max-width: 960px;
	margin: auto;
	line-height: 2rem;
	
}

.testimonials {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 80px;
  color: #783224;
  font-family: League Gothic, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  z-index: 163;
}
.about {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 37px;
  color: #783224;
  font-family: League Gothic, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  z-index: 164;
}
.shop {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 68px;
  color: #783224;
  font-family: League Gothic, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: center;
  z-index: 165;
}
.downloads {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 68px;
  color: #783224;
  font-family: League Gothic, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  z-index: 166;
}
.contact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 49px;
  color: #783224;
  font-family: League Gothic, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  z-index: 167;
}


.cta:hover {
  --_i: 100%;
  transition: .3s, background-size .3s .3s;
  color:white;
}


.ctawrapper{
	background: #a94835;
}



	.buttons:hover{
		border: 5px solid #c95e5e;	
	}
	
	
	
	
.buttons {
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    padding: 16px 16px 16px 16px;
	
    border: 2px solid #e8e8e8;
    z-index: 168;
    color: #ffffff;
    box-sizing: content-box;
    --c: black;
    --b: 4px;
    --g: 17px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%, var(--c) 0;
    background-color: #fff !important;
    background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200% var(--_i, var(--b)) no-repeat, conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b)) 200% no-repeat;
    transition: .3s, background-position .3s .3s;
    cursor: pointer;
  
}

.cta {
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    padding: 8px 24px 8px 24px;
    border: 5px solid #783224;
    z-index: 168;
	color: #783224;
    box-sizing: content-box;
    --c: white;
    --b: 4px;
    --g: 17px;
   /*  padding: calc(var(--g) + var(--b)); */
    --_g: #0000 25%, var(--c) 0;
	    background-color: #a94835 !important;
    background: conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) var(--_i, 200%) 0 / 200% var(--_i, var(--b)) no-repeat, conic-gradient(at bottom var(--b) left var(--b), var(--_g)) 0 var(--_i, 200%) / var(--_i, var(--b)) 200% no-repeat;
    transition: .3s, background-position .3s .3s;
    cursor: pointer;
  
}
.vector-18 {
  flex-shrink: 0;
  position: relative;
  width: 54.109px;
  height: 26.333px;
  background: url(./assets/images/c16d3035-3c26-47bd-a5a8-f404c4458491.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
}
.testimonialcontainer {
     display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 100%;
    z-index: 18;
    background: #f0f0de;
	
}
.frame-1a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  padding: 120px 0 120px 0;
  z-index: 19;
}
.frame-1b {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 20;
}

.what-people-are-saying {
  display: block;
  position: relative;
  height: 49px;
  margin: 0 0 0 24.5px;
  color: #142654;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 49px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
}
.about-kidnapped-at-sea {
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 503px;
  height: 25px;
  margin: 8px 0 0 0;
  color: #142654;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 2rem;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 23;
}
.group-1d {
  flex-shrink: 0;
  position: relative;
  width: 334.425px;
  height: 45.769px;
  background: url(./assets/images/54c3c07c-4e6f-46c4-8317-4c59332347dd.png)
    no-repeat center;
  background-size: cover;
  z-index: 24;
}
.frame-1e {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 80px;
  position: relative;
  padding: 24px 24px 24px 24px;
  z-index: 25;
  margin: auto;
}
.quotecontainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: nowrap;
	flex-shrink: 0;
	gap: 16px;
	position: relative;
	width: 100%;
	z-index: 26;
	width: 90%;
	max-width:960px;
	margin: auto;
  padding: 40px;
  margin-bottom: 240px;
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
}
.frame-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 100%;
  z-index: 27;
}
.quotation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: absolute;
  width: 232px;
  height: 32px;
  top: 195.618px;
  left: -79px;
  color: #f3f3f3;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 528px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 28;
}
.group-21 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 29;
}
.testimonial {
 /* display: flex;
    align-items: flex-start;
    justify-content: flex-start; */
    position: relative;
    height: auto;
    top: 0;
    /* left: 0; */
    color: #000000;
    font-family: Libre Caslon Display, var(--default-font-family);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    z-index: 48;
    margin: auto;
}
.frame-22 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  padding: 24px 24px 24px 24px;
  background: #f0f2fb;
  z-index: 31;
}


.quote {

    
    position: relative;
    color: #16296a;
    font-family: Libre Caslon Display, var(--default-font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    z-index: 32;
    width: 100%;
    flex-wrap: wrap;
	padding: 24px;

}


.frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 33;
}
.quotation-25 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: absolute;
  width: 232px;
  height: 32px;
  top: 195.618px;
  left: -79px;
  color: #f3f3f3;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 528px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 34;
}
.group-26 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 120px;
  z-index: 35;
}
.testimonial-27 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 120px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 2rem;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  z-index: 36;
}
.frame-28 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 24px 24px 24px;
  background: #f0f2fb;
  z-index: 37;
}
.quotation-29 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 270px;
  height: 24px;
  color: #16296a;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 38;
}
.frame-2a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 39;
}
.quotation-2b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: absolute;
  width: 232px;
  height: 32px;
  top: 195.618px;
  left: -79px;
  color: #f3f3f3;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 528px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}
.group-2c {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 120px;
  z-index: 41;
}
.testimonial-2d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 1010px;
  height: 120px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  z-index: 42;
}
.frame-2e {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 24px 24px 24px;
  background: #f0f2fb;
  z-index: 43;
}
.quotation-2f {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 270px;
  height: 24px;
  color: #16296a;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.abouttheauthor {
  margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    z-index: 45;
}
.frame-31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  height: auto;
  background: rgba(0, 0, 0, 0.4);
  z-index: 46;
  padding: 24px;
}
.frame-32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width:640px;
  padding: 0 0 40px 0;
  z-index: 47;
  width: 100%;
}
.about-author {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 371px;
  height: 44.641px;
  color: #000000;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 44.641px;
  text-align: center;
  white-space: nowrap;
  z-index: 48;
}
.vector-33 {
  flex-shrink: 0;
  position: relative;
  width: 26.333px;
  height: 54.109px;
  background: url(./assets/images/bb45930a-c0b4-4681-9637-8a8a53dbb1fb.png)
    no-repeat center;
  background-size: cover;
  z-index: 49;
}


.frame-34 {
  display: flex;
 
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  background: #16296a;
  z-index: 51;
}


.indented{
	margin:0px 40px;
}

.sillen-portrait {
  flex-shrink: 0;
  position: relative;
  width: 40%;
  
      float: left;
  height: 480px;
  background: url(./assets/images/bio.png)
    no-repeat center;
  background-size: contain;
  z-index: 52;
  margin-right: 24px;
}
.frame-35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 100%;
  padding: 40px;
  z-index: 53;
}
.andrew-sillen-36 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 115px;
  color: #a94835;
  font-family: League Gothic, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 115px;
  text-align: left;
  white-space: nowrap;
  z-index: 54;
}
.andrew-sillen-bio {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 52%;
  height: auto;
  color: #000000;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 40px;
  text-align: justified;
  z-index: 55;
}

.whiteparagraph{
	color:white;
}
.group-37 {
  flex-shrink: 0;
  position: relative;
  width: 334.425px;
  height: 45.769px;
  background: url(./assets/images/984bc8db-7847-4304-97ad-148a1d5f00fc.png)
    no-repeat center;
  background-size: cover;
  z-index: 56;
}
.voyage {
  display: inline-block;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 900px;
  /* background: #f0f0de; */
  z-index: 57;

}
.frame-39 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  padding: 120px 0 120px 0;
  background: #ffffff;
  z-index: 58;
}
.frame-3a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  height: 657px;
  z-index: 59;
}
.buy-print {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 418px;
  height: 52px;
  color: #132667;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 49.2px;
  text-align: center;
  white-space: nowrap;
  z-index: 60;
}
.print-description {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 556.586px;
  height: 50px;
  color: #132667;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  z-index: 61;
}
.frame-3b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  padding: 24px 24px 24px 24px;
  z-index: 62;
}
.frame-3c {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  z-index: 63;
}
.frame-3d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  padding: 48px 48px 48px 48px;
  background: #ffffff;
  border: 16px solid #000000;
  z-index: 64;
}
.frame-3e {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 286.845px;
  background: #ffffff;
  z-index: 65;
}
.rectangle {
  flex-shrink: 0;
  position: relative;
  width: 286.845px;
  height: 194.711px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 66;
}
.confederate-sloop {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 382.845px;
  height: 50px;
  color: #132667;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  z-index: 67;
}
.frame-3f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 174px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #183c57;
  z-index: 68;
}
.buy-now {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 94px;
  height: 31px;
  color: #183c57;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 69;
}
.frame-40 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  z-index: 70;
}
.frame-41 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  padding: 48px 48px 48px 48px;
  background: #ffffff;
  border: 16px solid #e2d907;
  z-index: 71;
}
.frame-42 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 286.845px;
  background: #ffffff;
  z-index: 72;
}
.rectangle-43 {
  flex-shrink: 0;
  position: relative;
  width: 286.845px;
  height: 194.711px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 73;
}
.confederate-sloop-44 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 382.845px;
  height: 50px;
  color: #132667;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  z-index: 74;
}
.frame-45 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 174px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #183c57;
  z-index: 75;
}
.buy-now-46 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 94px;
  height: 31px;
  color: #183c57;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 76;
}
.frame-47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  z-index: 77;
}
.frame-48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 382.845px;
  padding: 48px 48px 48px 48px;
  background: #ffffff;
  border: 16px solid #d1d1d1;
  z-index: 78;
}
.frame-49 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 286.845px;
  background: #ffffff;
  z-index: 79;
}
.rectangle-4a {
  flex-shrink: 0;
  position: relative;
  width: 286.845px;
  height: 194.711px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 80;
}
.confederate-sloop-4b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 382.845px;
  height: 50px;
  color: #132667;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  z-index: 81;
}
.frame-4c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 174px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #183c57;
  z-index: 82;
}
.buy-now-4d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 94px;
  height: 31px;
  color: #183c57;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 83;
}
.group-4e {
  flex-shrink: 0;
  position: relative;
  width: 430.845px;
  height: 58.964px;
  background: url(./assets/images/4d4c8529-c423-48aa-a3a4-bc7e7971ed63.png)
    no-repeat center;
  background-size: cover;
  z-index: 84;
}
.frame-4f {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  height: 913px;
  width: 100%;
  height:100vh;
  padding: 40px 0 40px 0;
  background: #f9fbff;
  z-index: 85;
      margin: 0 Auto;
	  background: url(assets/images/map.png) no-repeat center;
	  background-size: contain;
	  
}
.frame-50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 86;
}
.downloads-51 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 100%;
  height: 90vh;
  color: #132667;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 49.2px;
  text-align: center;
  white-space: nowrap;
  z-index: 87;
}
.image-collection {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 556.586px;
  height: 50px;
  color: #132667;
  font-family: Libre Caslon Display, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  z-index: 88;
}
.downloaditem {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  height: 480px;
  padding: 24px 24px 24px 24px;
  z-index: 89;
}
.frame-53 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 354.189px;
  z-index: 90;
}
.frame-54 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 354.189px;
  z-index: 91;
}
.rectangle-55 {
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 240.424px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 92;
}
.confederate-sloop-56 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 50px;
  color: #132667;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  z-index: 93;
}
.frame-57 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 236px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #969696;
  z-index: 94;
}
.request-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 156px;
  height: 31px;
  color: #969696;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 1rem;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 95;
}
.frame-58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 354.189px;
  z-index: 96;
}
.frame-59 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 354.189px;
  z-index: 97;
}
.rectangle-5a {
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 240.424px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 98;
}
.confederate-sloop-5b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 50px;
  color: #132667;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  z-index: 99;
}
.frame-5c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 236px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #969696;
  z-index: 100;
}
.request-image-5d {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 156px;
  height: 31px;
  color: #969696;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 101;
}
.frame-5e {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 354.189px;
  z-index: 102;
}
.frame-5f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 354.189px;
  z-index: 103;
}
.rectangle-60 {
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 240.424px;
  background: url(./assets/images/47723e7077800a63c0448b55214207712fb854ad.png)
    no-repeat center;
  background-size: cover;
  z-index: 104;
}
.confederate-sloop-61 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 354.189px;
  height: 50px;
  color: #132667;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  z-index: 105;
}
.frame-62 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 236px;
  padding: 16px 40px 16px 40px;
  border: 1px solid #969696;
  z-index: 106;
}
.request-image-63 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 156px;
  height: 31px;
  color: #969696;
  font-family: IBM Plex Serif, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 107;
}
.contact-author {
  flex-shrink: 0;
  position: relative;
  width: 430px;
  height: 58.849px;
  background: url(./assets/images/d34a9ffc-6a98-4618-a126-c3f3b77c3746.png)
    no-repeat center;
  background-size: cover;
  z-index: 108;
}
.frame-64 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 18px;
  background: url(./assets/images/328cdd3b-873d-4ffc-bd74-0f126616bb2d.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.frame-65 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  background: #132667;
  z-index: 110;
}
.frame-66 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 1071px;
  height: 960px;
  padding: 80px 0 80px 0;
  z-index: 111;
}
.frame-67 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 112;
}
.contact-author-68 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  height: 111.296px;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 49.2px;
  text-align: center;
  z-index: 113;
}
.frame-69 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 811px;
  z-index: 114;
}
.filled-no-assistive-text-focused {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 115;
  border-radius: 4px 4px 0 0;
}
.textfield {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 116;
}
.frame-6a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 117;
}
.frame-6b {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 118;
}
.assistive-text {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: Figtree, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 119;
}
.frame-6c {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background: #ffffff;
  border: 1px solid #9b9b9b;
  z-index: 120;
  border-radius: 4px;
}
.input-text {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #183c57;
  font-family: Figtree, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 121;
}
.icons {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 122;
  overflow: hidden;
}
.vector-6d {
  position: relative;
  width: 14px;
  height: 8px;
  margin: 8px 0 0 5px;
  background: url(./assets/images/37db40cb-6ff7-4e3f-b562-aaa3abde9f06.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 123;
}
.frame-6e {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  z-index: 124;
}
.frame-6f {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 125;
}
.filled-focused {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 126;
  border-radius: 4px 4px 0 0;
}
.textfield-70 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 127;
}
.frame-71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 128;
}
.frame-72 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 129;
}
.assistive-text-73 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: Figtree, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 130;
}
.frame-74 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background: #ffffff;
  border: 1px solid #9b9b9b;
  z-index: 131;
  border-radius: 4px;
}
.input-text-75 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #183c57;
  font-family: Figtree, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 132;
}
.frame-76 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 133;
}
.filled-focused-77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 134;
  border-radius: 4px 4px 0 0;
}
.textfield-78 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 135;
}
.frame-79 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 136;
}
.frame-7a {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 137;
}
.assistive-text-7b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: Figtree, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 138;
}
.frame-7c {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background: #ffffff;
  border: 1px solid #9b9b9b;
  z-index: 139;
  border-radius: 4px;
}
.input-text-7d {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #183c57;
  font-family: Figtree, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 140;
}
.filled-focused-7e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 141;
  border-radius: 4px 4px 0 0;
}
.textfield-7f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 142;
}
.frame-80 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 143;
}
.frame-81 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  z-index: 144;
}
.assistive-text-82 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 32px;
  color: #ffffff;
  font-family: Figtree, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 145;
}
.frame-83 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  padding: 24px 16px 24px 16px;
  background: #ffffff;
  border: 1px solid #9b9b9b;
  z-index: 146;
  border-radius: 4px;
}
.input-text-84 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #787878;
  font-family: Figtree, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 147;
}
.frame-85 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 351.838px;
  padding: 24px 80px 24px 80px;
  background: #132567;
  border: 1px solid #ffffff;
  z-index: 148;
}
.send-message {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 146px;
  height: 31px;
  color: #ffffff;
      font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  white-space: nowrap;
  z-index: 149;
}
.vector-86 {
  flex-shrink: 0;
  position: relative;
  width: 24.838px;
  height: 26.333px;
  background: url(./assets/images/04d59967-eac5-4738-a1ec-c1a31d068c56.png)
    no-repeat center;
  background-size: cover;
  z-index: 150;
}
.footercw {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 24px 0 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 16px;
    position: relative;
    padding: 24px 0 24px 0;
    background: #0c173f;
    z-index: 151;
	width: 100%;
}
.frame-88 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 339px;
  z-index: 152;
}
.copyright {
  bottom: 8px;
  display: flex
;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  color: #ffffff;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 1rem;
  font-weight: 400;
  /* line-height: 31px; */
  text-align: center;
  white-space: nowrap;
  z-index: 153;
  height: 55px;
}


select{
	    padding: 24px 16px 24px 16px;
    background: #ffffff;
    border: 1px solid #9b9b9b;
    border-radius: 4px;
	width:50%;
}

/* General styles for the form */
form {
	width:100%;
    margin: 0 auto;
    padding: 40px;
    background: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	    font-family: Libre Caslon Text, var(--default-font-family);
}

/* Styling form groups */
.form-group {
    margin-bottom: 24px;
}

/* Styling labels */
.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Styling select, input, and textarea fields */
.form-group select,
.form-group input[type="email"],
.form-group textarea {
    width: 100%;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
}

/* Styling buttons */
.form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.form-actions .btn-send,
.form-actions .btn-cancel {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.form-actions .btn-send {
    background-color: #4CAF50;
    color: white;
}

.form-actions .btn-cancel {
    background-color: #f44336;
    color: white;
}

/* Adding hover effects to buttons */
.form-actions .btn-send:hover {
    background-color: #45a049;
}

.form-actions .btn-cancel:hover {
    background-color: #e31e10;
}



/* Style the dropdown container */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Style the button */
.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background: none;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	right: 0px;
	top: 40px;
    background: white;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
	height: 96px;
}


/* Show the dropdown content when hovering over the button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the button when the dropdown content is shown */
.dropdown:hover .dropbtn {
.frame-3{
    position: absolute;
    top: 100px;
    left: 54px;
    text-align:center;
}
}


.dropdown:hover .dropbtn svg {
    transform: rotate(180deg);
}

.dropdown-content a img{
    filter: grayscale(100%);
	opacity: .2;
	 transition: all 0.3s ease;
}

.dropdown-content a img:hover{
    filter: grayscale(0%);
	opacity:1;
	 transition: all 0.3s ease;
}

.dropdown-content a:hover{
	background: #f0f2fb;
	  
}
#downloads{
	height: 100vh;
}
.sidebyside{
	width: 100%;
	max-width: 820px;
	text-align: justify;
  border: 4px double rgb(0, 0, 0);
    border-width: 4px 4px 1px 1px;
    padding: 40px;
}
.contactcardholder{
    margin: auto;
    display: inline-block;
	    width: 80%;
		max-width: 780px;
    margin: auto;
    padding: 40px;
    border: 4px double rgb(0, 0, 0);
    border-width: 4px 4px 1px 1px;
}

#contact h1{
    text-align: center;
    margin: auto;
}

.contactcard{
    vertical-align: top;
    display: inline-block;
    padding: 24px;
    border: 3px #132667 solid;
    text-align: center;
    /* float: left; */
    /* margin: auto; */
    /* margin: 4px; */
    width: 40%;
	min-width:320px;
}

.contactcard h3{
color: #132667;	
font-size: 1.6rem;
}

.contactcard a{
  color: #132667;	
}

.voyagecontainer{
  position: relative;
  width: 100%;
  max-width: 1080px;
  height: 620px;
  padding: 0px;
  margin: auto;
  border: 4px double rgb(0, 0, 0);
  border-width: 4px 4px 1px 1px;
  box-sizing: border-box;
  overflow-x: hidden;
}
.voyagecontainer img{
    width: 120%;
    height: auto;
    top: -80px;
}

.contactcard a:hover{
color: #779;	
}


.contactcard img{
width: 156px;
height:auto;

}

.introbio{
	    font-size: 1.15rem;
    font-weight: 400;
    line-height: 40px;
    text-align: justified;
    z-index: 55;
    color: rgb(0, 0, 0);
	width: 100%;
  max-width: 780px;
  
  font-family: Libre Caslon Display, var(--default-font-family);
}


.updatesCard{
	color: #111;
	margin: auto;
	padding: 24px;
	color: #000000;
	    border: thick double #000000;
      max-width: 780px;
      
    font-family: Libre Caslon Display, var(--default-font-family);
}
.errata{
	
	width:320px;
	margin: auto;
	text-align:center;
}

.sampletext{
	column-count: 2;
	width:80%;
	max-width:780px;
	min-width: 300px;
	margin: auto;
	text-align: justify;
	color: #000000;
	font-family: Libre Caslon Text, var(--default-font-family);
	line-height: 2rem;
	font-size: 1rem;
	column-gap: 40px;
	    border: thick double #000000;
		padding:40px;

}
.sampletext p::first-letter {
  initial-letter: 3;
}

#introlink{
	flex-basis: content;
}
.updatesCard h4{
	font-family: Libre Caslon Text, var(--default-font-family);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 3rem;
    margin-bottom: 10px;
}

.updatesCard p {
  text-align: center;
  font-family: Libre Caslon Text, var(--default-font-family);
  font-size: 1rem;
}

.voyageContainer{
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 90vh;
  box-sizing: border-box;
  overflow: scroll;
}


.book{
	width: 220px;
	height: auto;
  display: inline-block;
}

.hamburger{
	display: none;
}
.navselected{
	background: #421515;
	color: white;
  height:100%;
}

.mobilenavlinks{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom: 0px;
	background:#a94835;
	z-index: 9999;
	display: none;
}

.appearanceRight{
  text-align:left;
  flex: 1;
  display: flex;
  flex-direction: column;}
.appearanceRight h3{

  text-align: left;
    width: 100%;
    font-size: 1.3rem;
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    word-break: auto-phrase;
    white-space: normal;
}

.appearanceItem:hover  { 
  background: white; 
}
.appearanceItem:hover .button { 
  background: #000000; 
  stroke:white;
  fill:white;
  color:white
}
.appearanceItem:hover .button svg path{ 
 
  stroke:white;
  fill:white;
  color:white
}
.appearanceItemContainer{
display: flex;
    gap: 24px;
    justify-content: flex-start;
    align-content: stretch;
    flex-direction: column;
    border: 4px double rgb(0, 0, 0);
    border-width: 4px 4px 1px 1px;
    margin: auto;
    padding: 24px;
}

.button{
  padding: 16px;
  background: none;
  color: #000000;
  height: fit-content;
  display: flex;
  margin-right: 8px;
  gap: 8px;
  border: solid 1px #000000;
  align-items: center;
  
}

.appearanceItem{
  width: 100%;
  max-width: 960px;
  padding: 8px;
  display: flex;
  gap: 0px;
  margin: auto;
  cursor: pointer;
  align-items: center;
}

.appearanceItem:hover {
border:1px solid #71878b
}


.appearanceItem p {
  
word-wrap: break-word;
  padding: 0px;
  margin: 0px;
  display: none;
}

.appearanceItem img{
  height: 90px;
  width: 90px;
  background: white;
}

.button img {
  height:24px;
  width:24px;
  fill: #000000;
}
.buttonHover{
  Background: #000000;
}

.buttonHover img{
  height:122px;
  width: 122px;
}


.bookMobile{
  display: none;

}
@media (min-width: 320px) and (max-width: 980px) {
  /* Styles for large mobile screens */
  .book{
    display: none;
  }
.cta{
display: none;

}
  .bookMobile{
    display: flex !important;
  }


  .sillen-portrait {
	width:100%;
	
    height: 330px;
}
.sampletext{
  column-count: 1;
        font-size: 1.8rem;
        line-height: 150%;
}

.hamburger{

	display: flex;
        gap: auto;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
}
.book{
	width:25%;
	height: auto;
}

.andrew-sillen-bio {
width: 100%;
}
.introContent{
	/* flex-direction: column; */
	margin-top: 64px;
}
.introtext{
	/* flex-direction: column; 
	margin-top: 64px;*/
	width: 92%;
}

.navlinks{
	display:none;

}

.andrew-sillen-bio{
  font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
}
.extendedintro p {
font-size:2rem;
line-height:150%;
}
.navigation {
  left: 0;
  right: 0;
  width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
}
.introbio{
  font-size: 2rem;
    font-weight: 400;
    line-height: 150%;
}

.subheader{
  font-size: 2rem;
    line-height: 150%;
}

.navigation{

justify-content: flex-start;

}



.headercontainer{
 display:none
}
.bookMobile{
  display: none;
  width: 80%;
  height: auto;
  margin: auto;
}

h2{
  line-height: 110%;
  font-size: 5.2rem;
}

h3{
white-space: break-spaces;
    width: 100%;
    height: auto;
    font-size: 3rem;
}

h4{
  font-size: 2.5rem;
}

h6{
  font-size: 2rem !important;
}
.mobilenavlinks a{
  font-size: 3rem;
}

.appearanceItem{
  flex-wrap: wrap;
          padding: 24px;
        border: 3px black solid;
}

.appearanceItem img {
  height: auto;
  width: 100%;
  object-fit: contain;
  max-height: 240px;
  height: auto;
}

.button{
  font-size: 1.8rem;
}

.buyBanner{
  font-size: 2rem;
}

.quote{
  font-size: 2rem;
  line-height: 150%;
}

.testimonial {
  font-size: 2rem;
  line-height: 150%;
}


.link{
  font-size: 2.5rem;
  line-height: 150%;
}


.buyBanners a {
  font-size: 1.2rem;
  line-height: 150%;
}

}





.map-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: -webkit-fill-available; /* For Safari */  

}

.voyagemap {
  position: absolute;
  transition: transform 0.3s ease;
}

.map-controls {
  display: flex;
      gap: 10px;
      width: fit-content;
      position: absolute;
      justify-content: center;
      z-index: 999;
      padding: 16px;
      bottom: -20px;
      left: -20px;
      border: 4px double rgb(0, 0, 0);
      border-width: 4px 4px 1px 1px;
      background: #f0f0de;
}

.map-controls button {
  padding: 5px 10px;
  cursor: pointer;
}