.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.source-sans-3-<uniquifier> {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.wix-madefor-text-<uniquifier> {
  font-family: "Wix Madefor Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


body, {
margin: 0;
font-family: "Arial", sans-serif;
padding: 1rem;
}


body, html {
  font-family: "Arial", sans-serif;
  height: 100%;
  margin: 0;
  height: 100%;
  margin: 0;
  }


img, video {
max-width: 100%;
height: auto;
}



.box {
background: #eee;
padding: 1rem;
border-radius: 8px;
}

.responsive-frame {
position: relative;
width: 100%;
padding-top: 56.25%;}


.responsive-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}




/* Start of Hero images */


.hero-image-1 {
  background-image: url("images/professional-book-formatting.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image-2 {
  background-image: url("images/ebook-hero.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-3 {
  background-image: url("images/_D4_0448_paperbacks copy.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-4 {
  background-image: url("images/graphics-for-paperback-and-ebook-design-covers.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-5 {
  background-image: url("images/_D4_0448_typesetting copy.webp");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-6 {
  background-image: url("images/professional-proofreading.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-7 {
  background-image: url("images/terms-and-conditions.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* End of Hero images */



/* Start of Hero text */


.hero-text-1 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

.hero-text-2 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

.hero-text-3 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


.hero-text-4 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


.hero-text-5 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


.hero-text-6 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }


.hero-text-7 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }



  

p.from {
	font-family: "Georgia", serif;
	font-size: 30px;
	font-weight: bolder;
	font-style: italic;
	color: #000033;
	
	}
	

	
/* Start of Hero header text content */

h1.pro {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
	}



h1.ebo {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



h1.loo {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



h1.paper {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



h1.typ {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



h1.prof {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



h1.terms {
	font-family: "Georgia", serif;
	font-size: 35px;
	font-weight: bolder;
	color: white;
}



/* End of Hero header text content */	
	
	

/* Start of top nav */	

h2.nav {
	text-align: center;	
}


nav a {
font-size: 16px;
text-decoration: none;
word-spacing: 2px;
border-style: solid;
border-width: thin;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
color: black;
}

/* End of top nav */	


/* Start of Home content */

div.pro-boo-fo {
	margin-left: 42.5%;
    margin-top: 1%;
	margin-bottom: -6%;
}

h1.contentHead {
  font-family: "Oswald", sans-serif;
  font-size: 40px;
  text-align: center;
  color: #000033;
  margin-left: 24%;
  margin-right: 24%;
  margin-top: 75px;
  }
  

   
    
h2.contentSubHead {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
  color: #000033;
  margin-left: 24%;
  margin-right: 24%;
  margin-top: -0.5%;
  }  


  
h3.contentsubSub {
  font-family: "Wix Madefor Text", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: left;
  color: #000033;
  margin-left: 24%;
  margin-right: 24%;
  margin-top: 3%;
    }


  

p.content {
  font-family: "Wix Madefor Text", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  color: #000000;
  margin-left: 24%;
  margin-right: 24%;
  margin-top: -0.5%;
}

p.contentindent {
  font-family: "Wix Madefor Text", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  color: #000000;
  margin-top: -1%;
  margin-left: 3%;
  margin-right: 32%;
}

  
.vr {
  border-left: 12px solid orange;
  height: 305px;
  margin-left: 24%;
 }


p.contentindentprinters {
  font-family: "Wix Madefor Text", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  text-align: left;
  color: #000000;
  margin-top: 0%;
  margin-left: 3%;
  margin-right: 32%;
  margin-bottom: 0%;
}

  
.vrprinters {
  border-left: 12px solid red;
  height: 605px;
  margin-left: 24%;
  margin-bottom: 4%;
    }   

	
h1.blockQuote {
  font-family: "Garamond", "Georgia", "Caslon", serif; /* aside*/
  font-size: 36px;
  line-height: 40px;
  word-spacing: -3px;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 4%;
  padding-bottom: 4%;
  color: #7D0552;
  background: #E0FFFF;
  margin-top: 3%;
  margin-bottom: 3%;
  }


div.image {
    background: Gainsboro;
	margin-left: 0%;
    margin-right: 0%;
	margin-top: 0.5%;
    margin-bottom: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
    padding-left: 24%;
}

h3.styles {
	font-family: "Wix Madefor Text", sans-serif;
	font-weight: 700;
    font-size: 24px;
	text-align: left;
    margin-left: 47%;
    margin-right: 24%;
	margin-top: -23.5%;
	}

p.styles {
	font-family: "Wix Madefor Text", sans-serif;
	text-align: left;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    margin-left: 47%;
    margin-right: 24%;
	}


	
div.workfirst {
	margin-left: 24%;
    margin-right: 24%;
	margin-top: 5%;
}



/* End of HOME content */

form.subform {
   filter: drop-shadow(4px 4px 2px #000000);
   margin-top: 6%;
   margin-left: 24%;
   margin-right: 24%;
}


/* EBOOK content*/	
ul.retailersandarticles {
	font-family: "Wix Madefor Text", sans-serif /* aside*/	
    font-weight: 500;
    font-size: 20px;
	color: #000000;
	padding-bottom: 14%;
	padding-top: -15%;
	margin-left: 24%;
    margin-right: 24%;
	margin-bottom: 2%;
    margin-top: 2%;
}  

div.thinkfontstyling {
	background: Aqua;
	margin-top: -12%;  
}

h5.thinkfontstyling {
  font-family: "Wix Madefor Text", sans-serif;
  color: Red;
  text-decoration: underline;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  padding-top: 1%;
    
  }
p.thinkfontstyling {
  font-family: "Wix Madefor Text", sans-serif;	
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 0%;
  margin-top: -3%;
  }   

  
ul.thinkfontstyling {
	font-family: "Wix Madefor Text", sans-serif /* aside*/	
    font-weight: 500;
    font-size: 20px;
	padding-bottom: -22%;
	padding-top: -15%;
	margin-left: 47%;
    margin-right: 24%;
	margin-bottom: 2%;
    margin-top: 1%;
	}	

div.thinkfontstylingbook {
	margin-left: 31%;
    margin-right: 0%;
	margin-bottom: 0%;
    margin-top: -28%;
	padding-bottom: 2%;
}


p.blockQuoteInfo1 {
  filter: drop-shadow(4px 4px 2px #000000);
  font-family: "Wix Madefor Text", sans-serif; 
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 3%;
  padding-bottom: 7%;
  background: DarkBlue;
  margin-top: 10%;
  margin-right: 14%;
  margin-left: 14%;
  margin-bottom: 3%;
}



button.blockQuoteInfo1 {
   font-size: 16px;
   margin-top: -10%;
   position: absolute;
   margin-left: 46%;
   padding-left: 2%;
   padding-top: 1%;
   padding-right: 2%;
   padding-bottom: 1%;
}   

.blockQuoteInfo1 button {
  border: none;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  cursor: pointer;
  text-align: center;
}
 
.blockQuoteInfo1 button:hover {
  background-color: #555;
  color: white;
}



div.ebookinterior {
}

h5.ebookinterior {
  font-family: "Wix Madefor Text", sans-serif;
  color: #000033;
  text-decoration: underline;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  background-color: Gainsboro;
  padding-left: 0%;
  padding-top: 2%;
  padding-right: 0%;
  padding-bottom: 35%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 10%;
  margin-bottom: 10%;
}


	
ul.ebookinterior {
	font-family: "Wix Madefor Text", sans-serif;
    font-weight: 500;
    font-size: 16px;
	margin-left: 47%;
    margin-right: 24%;
    margin-top: -42%;
	}
div.ebookinteriorbook {
	margin-left: 19%;
    margin-right: 0%;
	margin-bottom: 0%;
    margin-top: -28%;
	padding-bottom: 1%;
}



div.formattingyourbook {
}

h5.formattingyourbook {
  font-family: "Wix Madefor Text", sans-serif;
  color: #000033;
  text-decoration: underline;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  background-color: Gainsboro;
  padding-left: 0%;
  padding-top: 1%;
  padding-right: 0%;
  padding-bottom: 36%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 22%;
  margin-bottom: 10%;
}

ul.formattingyourbook {
	font-family: "Wix Madefor Text", sans-serif;
    font-weight: 500;
    font-size: 16px;
	line-height: 28px;
	margin-left: 55%;
    margin-right: 9%;
    margin-top: -45%;
	}
	
div.formattingyourbookbook {
	margin-top: -31.5%;
	margin-left: 5%;
}


div.ebookrates {
	background: Gainsboro;
	padding-bottom: 3%;
	
}
table.ebookrates {
   background: yellow;
   width: 1000px;
   border: 5px solid Blue;
   margin-left: 24%;
   margin-top: 20%;
   margin-right: 24%;
   margin-bottom: 3%;
}

caption.ebookrates {
	font-family: "Garamond", "Georgia", "Caslon", serif; 
    font-size: 30px;
	text-align: center;
	margin-top: 2%;
	}

td,tr.ebookrates {
	border: 1px solid Black;
	line-height: 30px;
	text-indent: 2px;
	text-align: left;
	font-size: 18px;
 }

p.ebookrates {
  font-family: "Garamond", "Georgia", "Caslon", serif; 
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-left: 24%;
  margin-right: 34%;
  margin-top: -0.2%;
}

	
/* End of EBOOK content */


/* PAPERBACK content */	
	
h3.paperbackinterior {
  font-family: "Wix Madefor Text", sans-serif;
  color: Red;
  text-decoration: underline;
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  padding-top: 1%;
  background-color: Gainsboro;
  padding-left: 0%;
  padding-top: 2%;
  padding-right: 0%;
  padding-bottom: 35%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 10%;
    }	
	
ul.paperbackinterior {
	font-family: "Wix Madefor Text", sans-serif;
    font-weight: 500;
    font-size: 16px;
	margin-left: 47%;
    margin-right: 24%;
    margin-top: -33%;
	}

div.paperback-writer-record {
	padding: 0px;
	margin-left: 18%;
    margin-right: 60%;
    margin-top: -25%;
}

div.paperrates {
	background: Gainsboro;
	padding-bottom: 3%;
	
}

table.paperrates {
   background: OldLace;
   width: 1000px;
   border: 5px solid Blue;
   margin-left: 24%;
   margin-top: 20%;
   margin-right: 24%;
   margin-bottom: 3%;
}

caption.paperrates {
	
	font-family: "Garamond", "Georgia", "Caslon", serif; 
    font-size: 30px;
	text-align: center;
	margin-top: 2%;
}

td,tr.paperrates {
	border: 1px solid Black;
	line-height: 30px;
	text-indent: 15px;
	font-size: 18px;
 }


p.paperrates {
  
  font-family: "Garamond", "Georgia", "Caslon", serif; 
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-left: 24%;
  margin-right: 34%;
  margin-top: -0.2%;
}	
  
/* End of Paperback content */

/* Start of GRAPHICS content */


div.row {
	margin-left: 24%;
}	

* {
  box-sizing: border-box;
    }	
	
.column {
  float: left;
  width: 13.33%;
  padding: 5px;
    }

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
  }

div.dek {
	margin-left: 24%;
}


/* End of Graphics content */


/* Start of TYPESETTING content */

h1.blockQuoteOldSchool {
  font-family: "Garamond", "Georgia", "Caslon", serif; /* aside*/
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 3%;
  padding-bottom: 3%;
  color: #7D0552;
  background: #E0FFFF;
  margin-top: 9%;
  margin-bottom: 3%;
  }


div.typesetrates {
	background: Gainsboro;
	padding-bottom: 3%;
	
}

table.typesetrates {
   background: LightBlue;
   width: 1000px;
   border: 5px solid Blue;
   margin-left: 24%;
   margin-top: 10%;
   margin-right: 24%;
   margin-bottom: 3%;
}

caption.typesetrates {
	font-family: "Garamond", "Georgia", "Caslon", serif; 
    font-size: 30px;
	text-align: center;
	margin-top: 2%;
}

td,tr.typesetrates {
	border: 1px solid Black;
	line-height: 30px;
	text-indent: 15px;
	font-size: 18px;
 }



p.typesetrates {
  font-family: "Garamond", "Georgia", "Caslon", serif; 
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #000000;
  margin-left: 24%;
  margin-right: 34%;
  margin-top: -0.2%;
}
	
section.commonstyles {
  background-image: url("images/itsjanw-pink-794507.jpg");
  padding-top: 0.5%;
  padding-bottom: 2%;
  margin-bottom: 10%; 
}
 
h3.commonstyles {
   font-family: "Garamond", "Georgia", "Caslon", serif;
   font-size: 30px;
   color: #000033;
   margin-left: 30%;
   margin-top: 1%; 
}

ul.commonstyles {
   font-family: "Garamond", "Georgia", "Caslon", serif; 
   font-size: 20px;
   font-weight: 550;
   line-height: 150%;
   margin-left: 42%;
}

div.commonstyles {
    margin-left: 20%;
    margin-top: -34%;
}



/* End of typesetting content */


/* Proofreading content */

div.proofrates {
	background: Gainsboro;
	padding-bottom: 3%;
}


table.proofrates {
   background: LightGreen;
   width: 1000px;
   border: 5px solid Red;
   margin-left: 24%;
   margin-top: 5%;
   margin-right: 24%;
}

caption.proofrates {
	font-family: "Garamond", "Georgia", "Caslon", serif; 
    font-size: 30px;
	text-align: center;
	color: solid Orange;
	margin-top: 2%;
}

td,tr.proofrates {
	border: 1px solid Black;
	line-height: 30px;
	text-indent: 15px;
	font-size: 18px;
 }

caption.proofrates {
	font-family: "Garamond", "Georgia", "Caslon", serif; 
    font-size: 30px;
	text-align: center;
	color: solid Orange;
	margin-top: 2%;
}

/* End of PROOFREADING content */

/* Start of TERMS content */

div.paypal-logo {
    margin-left: 40%;
    margin-right: 22%;
	margin-top: 3%;
    margin-bottom: 3%;
	padding-top: 0%;
	padding-bottom: 0%;
    padding-left: 0%;
	padding-right: 0%;
}

div.visa-logo {
    margin-left: 47%;
    margin-right: 0%;
	margin-top: -4.75%;
    margin-bottom: 3%;
	padding-top: 0%;
	padding-bottom: 0%;
    padding-left: 0%;
	padding-right: 0%;
}

div.banktransfer {
    margin-left: 52%;
    margin-right: 0%;
	margin-top: -6.50%;
    margin-bottom: 3%;
	padding-top: 0%;
	padding-bottom: 0%;
    padding-left: 0%;
	padding-right: 0%;
}

/* End of TERMS content */

/* Start of footer content */
/* Base Styles - Mobile First */

.site-footer {
  margin-top: 10%;
  background-color: #808080;
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

.footer-content {
  display: flex;
  flex-direction: column; /* Stacks sections vertically on mobile */
  gap: 20px;
  margin-left: 2%;
}

.footer-section h3 {
  margin-bottom: 10px;
  color: #f4a261;  
}

.footer-section ul {
  list-style: none;
  margin-left: -40px;
  }

.footer-section a {
  color: #fff;
  text-decoration: none;
  display: inline; /* Makes links easier to tap */
  }

.footer-bottom {  
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #555;
  padding-top: 10px;
}



/* Tablet and Desktop Styles - Wider screens */


@media (min-width: 600px) {
  .footer-content {
    flex-direction: row; /* Horizontal layout on larger screens */
    justify-content: space-around;
  }
} 
  
  .footer-section {
    flex-direction: row; /* Horizontal layout on larger screens */
    justify-content: space-around;
  }
}  
  
  .footer-section {
    flex: 1; /* Equal width columns */
    padding: 0 10px;
  }
}

/* End of footer content */