@font-face {
	font-family: 'Barto';
	src: url('../fonts/barthowheelregular-webfont.woff2') format('woff2'),
		 url('../fonts/barthowheelregular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: 'BartoFat';
	src: url('../fonts/bartofat-webfont.woff2') format('woff2'),
		 url('../fonts/bartofat-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }

html {
	font-size: 16px;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0; 
	padding: 0; 
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

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

button {
	display: inline-block; 
	border: none;
	padding: 1rem; 
	text-decoration: none;
	background: #0069ED; 
	color: #FFFFFF;
	font-family: sans-serif; 
	font-size: 1rem;
	text-align: center; 
	cursor: pointer;
	-webkit-appearance: none; 
	-moz-appearance: none;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #CCCCCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1.4;
	color: #000000;
	background-image: url("../images/bgpattern3.png");
	background-repeat: repeat;
}

.body-content{
	min-height:1000px!important;
	background-color: white!important;
}

.container {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr 3fr 1fr .5fr;
    gap: 15px 10px;
    width: 100%;
    grid-template-areas:
        ". header header header ."
        ". sidebar main main ."
        ". footer footer footer .";
}

.container-dl {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 15px 10px;
	width: 100%;
	grid-template-areas:        
	   ". header header header ."
	   ". sidebar main main ."
	   ". footer footer footer .";
}

main {
	grid-area: main;
}

header {
	grid-area: header;
}


footer {
	grid-area: footer;
}

.topnav {
	display: inline;
	margin: 20px;
	
}

section {
    min-width: 570px;
    background-color: #fff;
	width: 85%;
	margin-left: 5%;
}

h1, h2 {
	text-align: center;
	line-height: 1.2;
}

h2 {
	font-size: 1.3rem;
}

select {
    font-size: 14px;
    background-color: #fff;
    background-size: 30px;
    background-image: url(../images/i_dropdown.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Barto', Verdana, Times, Impact, sans-serif;
}

.f-800 {
	font-weight: 800;
}

.clearboth {
	clear: both;
}

.topnav {
	grid-column: 4 / span 2;
}

.password-info {
	display:none!important;
}

/* COLUMNS */

.col-1 {
	width: 12.5%;
}

.col-2 {
	width: 25%;
}

.col-3 {
	width: 37.5%;
}

.col-4 {
	width: 50%;
}

.col-5 {
	width: 62.5%;
}

.col-6 {
	width: 75%;
}

.col-7 {
	width: 87.5%;
}

.col-8 {
	width: 100%;
}

/* UTILITY CLASSES*/

.orange {
	color: #f78d2b;
}

.black {
	color: #000000;
}

.w-3 {
	width: 3%;
}

.w-6 {
	width: 6%;
}

.w-10 {
	width: 10%;
}

.w-20 {
	width: 20%;
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}

.w-80 {
	width: 80%;
}

.w-100 {
	width: 100%;
}

.mx-auto {
	margin: auto;
}

.t-center {
	text-align: center;
}

.mb-1 {
	margin-bottom: 1rem!important;
}

.mb-2 {
	margin-bottom: 2rem!important;
}

.mr-20 {
	margin-right: 20px;
}

.ml-15 {
	margin-left: 1.5rem;
}

.mlr-auto {
	margin-left: auto;
	margin-right: auto;
}

.align-center {
	align-items: center;
}

.underline {
	text-decoration: underline;
}

.bartho-select {
	font-family: "Barto";
	font-size: 12px;
	margin-top: -1rem;
}

.d-none {
	display: none;
}

.ft_gray-title {
	display: block;
	width: 85%;
}

.new-account {
	height: 4.6rem;
    text-align: center;
    line-height: 4.6rem!important;
    vertical-align: middle;
}

.current-account {
    height: 4.6rem;
	display:flex!important;
	align-items:center;
}

.screen-desc {
	margin-top: -1.5rem;
}

.contact-us-dets {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* FLEX ELEMENTS */

.row {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-end {
	align-self: flex-end;
}

.floatr {
	float: right;
}

/* Padding Classes */

.pb-15 {
	padding-bottom: 1.5rem;
}

.pb-25 {
	padding-bottom: 2.5rem;
}

.pb-5px {
	padding-bottom: 5px;
}

.pb-6 {
	padding-bottom: 6rem;
}

.by-phone {
	font-size: 1.5rem;
	letter-spacing: -.1rem;
	text-align: center;
}

.text-chat {
	width: 60%;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	margin: auto;
}

.remote-in {
	width: 80%;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	margin: auto;
}

.content {
	padding: 1rem;
}

.or {
	font-size: 1.5rem;
	padding-top: .5rem;
    padding-bottom: .5rem;
}

span.update-links {
	display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.align-center a, .align-center p {
	margin-right: .6rem;
	font-size: 1.2rem;
}

.prealg-missing {
	text-decoration: underline;
	color: #333333;
	font-size: 1.2rem;
}

.small-text {
	font-size: 1rem;
}

/* UL, LI CSS */

ul > li {
	padding: 2px 0 2px 0;
}

ul.tight > li {
	padding: 5px 0px 5px 0px;
}

li.row {
	align-items: center;
}

.free-trial-faq li {
	padding-bottom: 0px;
}


hr.magento {
	border:none;
  	height: 50px;
 	width: 90%;
	margin-top: 0;
	border-bottom: 1px solid #333;
	box-shadow: 0 20px 15px -20px #333;
  	margin: -50px auto 45px; 
}

hr.magento2 {
	border:none;
  	height: 50px;
 	width: 90%;
	margin-top: 0;
	border-bottom: 1px solid #333;
	box-shadow: 0 20px 15px -20px #333;
  	margin: -50px auto 45px;
}

.swiper-container {
	background-color:#385982;
	color:#FFFFFF;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:25px;
	overflow:hidden;
}
.swiper-slide {
  text-align: center;
  align-content:center;
  height:auto!important;
}

.slide-content {
  border: solid;
  border-color: #E4E4E4;
  background-color:#E4E4E4;
  border-radius: 5px;
  border-width: 15px;
  width: 80%;
  margin: auto;
  min-height:100%;
}

.caption-span {
  text-align:center;
  display:inline-block;
}
.swiper-button-next
{
  color:#ffffff!important;
}
.swiper-button-prev
{
  color:#ffffff!important;
}
.swiper-pagination {
	position: relative!important;
    margin-top: 15px;
    --swiper-theme-color:#ffffff!important;
}

.swiper-pagination-bullet {
  --swiper-theme-color: #E4E4E4!important;
  --swiper-pagination-bullet-inactive-color:#E4E4E4!important;
  
}

.productMainParagraph {
	padding:20px;
}

.greycenter
{
	background-color:#E4E4E4;
	text-align:center; 
}

.greybacking{
	background-color:#E4E4E4;
	margin-top:15px;
	margin-bottom:25px;
}

.linkrow
{
	margin:5px;
}

video {
  height: auto;
  width: 100%;
}

.prerequisite-list {
	text-align:left;
	margin-left: 5%;
    margin-top: 15px;
}


.page-main-content{
	border-bottom: 5px;
	border-bottom-style: none;
	border-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.opc-progress-bar-item > span::after {
	content:none!important;
}

.opc-progress-bar-item._active > span::after { 
	content:none!important;
}

.shipping-information-box {
	background:#f5f5f5;
	padding:25px;
	margin:0 auto;
	
}

.shipping-policy-block {
	display:none;
}

.shipping-policy-list {
	margin: 0 auto;
	margin-left:5vw;
	padding-top: 25px;
}

/* PDF Modal classes for new product pdf popovers */

#pdfContainer{
  width:100%;
  min-height:600px;
  z-index:1;
}

.overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, .5);
    opacity:0.8;
    z-index: 10;
	visibility:hidden;
}

.pdfLinkContainer{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  width:100%;
}

.pdfLink{
  color:#056ED8;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
}

.pdfModalContainer{
    width: 100%;
    min-height: 600px;
    top: 25%;
    position: absolute;
	z-index: 11;
	margin-left: auto;
	margin-right: auto;
	visibility: hidden;
	height:100%;
}

.pdfModal{
    position: relative;
    margin: 0 auto;
    top: 25%;
	background-color:#385982;
}

.pdfHeader{
  display:block;
  background-color:#385982;
  max-width:100%;
  color:#FFFFFF;
  height:50px;
  text-align:center;
  padding-top:10px;
}

.pdfFooter{
  display:block;
  background-color:#385982;
  max-width:100%;
  color:#FFFFFF;
  height:50px;
  text-align:center;
  padding-top:10px;
}

.pdfClose{
  float:right;
  text-decoration:underline;
  color:#ffffff;
  margin-right:10px;
  cursor: pointer;
}

.star {
	height: 0px;
	width: 0px;
	padding:10px;
	vertical-align: middle;
	margin-right: 5px;
	background: url("../images/TTstar-icon.svg");
	background-size:cover!important;
}

.largestar
{
	margin-right: 5px;
	margin-top: 5px;
	width: 3rem;
	margin-bottom: 5px;
}
.productStar
{
	max-width: 18px;

}

.redstar {
	height: 0;
	width: 0;
	padding: 10px;
	vertical-align: middle;
	margin-right: 5px;
	background: url("https://content.teachingtextbooksapp.com/magentoimages/RedStar.png");
	background-size: cover!important;
}

.starList li{
	margin: 0;
	list-style: none;
    padding: 0px 0 18px 20px;;
	background-image: url("https://content.teachingtextbooksapp.com/ecom/assets/TTstar-icon.svg");
	background-repeat: no-repeat;
	background-position:left top 5px;
	background-size: 18px;
}
.redStarList li{
	margin: 0;
	list-style: none;
    padding: 0px 0 18px 20px;;
	background-image: url("https://content.teachingtextbooksapp.com/magentoimages/starbulllet.png");
	background-repeat: no-repeat;
	background-position:left top 5px;
	background-size: 18px;
}



.calculatorList {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.productStarBanner {
	display: flex;
	text-align: left;
	width: 100%;
	margin-left: 5px;
	padding:15px;
}

.productStarBanner p {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}

h3.order-help {
	background-color: #99ccff;
    padding: 1rem .5rem 1rem .5rem;
    text-align: center;
	font-size:1.2rem;
}

.ordering-list {
	justify-content: space-between;
    max-width: 45rem;
}

/* PAGE HEADS */
/* For TT Magento site */

h1.pagehead, h2.pagehead {
	margin: 0 auto;
	padding-top: 35px;
	width: 576px;
	height: 110px;
	background-image: url("../images/pagehead_bg.svg");
	background-repeat: no-repeat;
	background-position: center center;
	content: none;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 4.00rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #000000;
	text-decoration: none;
}

.recaptcha-badge { 
    visibility: hidden;
}

.pagehead-big.print::before {
    margin-left: 2vh;
}
.pagehead.print::before { margin-left: 2vh; }

h1.pagehead-blue[title='Math 3'], h2.pagehead-blue[title='Math 3'] {
	background-image: url(../images/math-3-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Math 4'], h2.pagehead-blue[title='Math 4'] {
	background-image: url(../images/math-4-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Math 5'], h2.pagehead-blue[title='Math 5'] {
	background-image: url(../images/math-5-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Math 6'], h2.pagehead-blue[title='Math 6'] {
	background-image: url(../images/math-6-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Math 7'], h2.pagehead-blue[title='Math 7'] {
	background-image: url(../images/math-7-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Pre-Algebra'], h2.pagehead-blue[title='Pre-Algebra'] {
	background-image: url(../images/pre-algebra-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Algebra 1'], h2.pagehead-blue[title='Algebra 1'] {
	background-image: url(../images/algebra1-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Algebra 2'], h2.pagehead-blue[title='Algebra 2'] {
	background-image: url(../images/product_title_a2.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Pre-Calculus'], h2.pagehead-blue[title='Pre-Calculus'] {
	background-image: url(../images/pre-calculus-title.svg), url(../images/producttitle_bg.svg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 65%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-blue[title='Geometry'], h2.pagehead-blue[title='Geometry'] {
	background-image: url(../images/geometry-title.svg), url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%, 100%, contain;
    margin: 0 auto;
    height: 11rem;
    text-align: center;
    line-height: 1;
    text-decoration: none;
}

h1.pagehead-big {
	margin: 0 auto;
    height: 175px;
	padding-top:35px;
    background-image: url(../images/big-pagehead.svg);
    background-repeat: no-repeat;
    background-position: center center;
    content: none;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 3rem;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #000000;
	text-decoration: none;
	white-space: pre;
}

button[title="Update Shopping Cart"], button[title="Proceed to Checkout"].action.primary, button[title="Create an Account"] {
    display: inline-block;
	margin: 0px;
    padding: 2px;
    box-sizing: content-box;
    background-clip: padding-box;
    background-color: hsl(210, 40%, 55%);
    border-style: solid;
    border-width: 6px 10px 10px 10px;
    border-color: inherit;
    border-image-source: url(../images/blue_button_up.svg);
    border-image-width: 6px 10px 10px 10px;
    border-image-slice: 6 10 10 10;
    border-image-outset: 0;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

button[title="Update Shopping Cart"]:hover, button[title="Proceed to Checkout"]:hover, button[title="Create an Account"]:hover {
	background-color: hsl(210, 50%, 65%);
	border-image-source: url("../images/blue_button_ov.svg");
}

button[title="Update Shopping Cart"]:active, button[title="Proceed to Checkout"]:active, button[title="Create an Account"]:active {
    padding: 4px 4px 0 0;
    background-color: hsl(210, 40%, 35%);
    border-image-source: url("../images/blue_button_dn.svg");
}

.pagehead-big.br::after {
	line-height: 0.9;
}

.pagehead::before, .pagehead-big::before {
	position: absolute;
	content: attr(title);
}


h2.pagehead::before, h2.pagehead-big::before {
	margin-left: 1.7vh;
}

.settings-menu_update.pagehead-big::before {
	margin-left: -109px;
}

.pagehead::after, .pagehead-big::after {
	content: attr(title);
	font-family: 'BartoFat', 'Barto', Times, Impact, sans-serif;
	color: #FFFFFF;
	text-shadow: 2px 2px rgba(0,0,0,0.55);
}

.pagehead-blue::after {
	text-shadow: 2px 2px rgba(0,0,0,0.55);
}

p.pagehead  {
	width: 65%;
    margin: 0 auto;
    padding-top: 35px;
    height: 110px;
    background-image: url(../images/pagehead_bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    content: none;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 1.25rem;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #000000;
    text-decoration: none;
}

p.pagehead::after {
	content: none;
}

p.pagehead::before {
	position: inherit;
}

.silver-pagehead-freetry{
	background-image: url(../images/silver-pghead_edit.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
    display: grid;
    height: 100px;
    text-align: center;
    place-items: center;
}

.silver-pagehead-freestart{
	background-image: url(../images/get_started_edit.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
    display: grid;
    height: 100px;
    text-align: center;
    place-items: center;
}

/* FREE TRIAL ELEMENTS */
.paper-snip[title='Pre-Calculus'] {
	background-image: url(../images/pc-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 65%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}

.paper-snip-active[title='Pre-Calculus'] {
	background-image: url(../images/pc-letters.svg), url(../images/lite-blue_selected.svg)!important;
}

.paper-snip[title='Geometry'] {
	background-image: url(../images/geo-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 80%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Geometry'] {
	background-image: url(../images/geo-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Algebra 2'] {
	background-image: url(../images/a2-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Algebra 2'] {
	background-image: url(../images/a2-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Algebra 1'] {
	background-image: url(../images/a1-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 55%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Algebra 1'] {
	background-image: url(../images/a1-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Pre-Algebra'] {
	background-image: url(../images/pa-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 65%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Pre-Algebra'] {
	background-image: url(../images/pa-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Math 7'] {
	background-image: url(../images/m7-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Math 7'] {
	background-image: url(../images/m7-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Math 6'] {
	background-image: url(../images/m6-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Math 6'] {
	background-image: url(../images/m6-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Math 5'] {
	background-image: url(../images/m5-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Math 5'] {
	background-image: url(../images/m5-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Math 4'] {
	background-image: url(../images/m4-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Math 4'] {
	background-image: url(../images/m4-letters.svg), url(../images/lite-blue_selected.svg)!important;
}
.paper-snip[title='Math 3'] {
	background-image: url(../images/m3-letters.svg), url(../images/sm-blue-paper.svg);
    background-repeat: no-repeat;
    background-position: center center, center center;
    background-size: 70%, cover;
    margin: 0 auto;
    width: 95%;
    display: block;
    height: 10rem;
    text-align: center;
	background-color:transparent;
	border:0px;
	box-shadow:none;
}
.paper-snip-active[title='Math 3'] {
	background-image: url(../images/m3-letters.svg), url(../images/lite-blue_selected.svg)!important;
}

.cart.table-wrapper .product-item-name {
	font-size: 1.5rem!important;
}

.cart-summary>.title {
    font-size: 2rem!important;
}

.cart-summary .block .title strong {
    font-size: 1.2rem!important;
    font-weight: 600;
}

.cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark {
    font-size: 1.5rem!important;
}

.cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount {
    font-size: 1.5rem!important;
    border-top: 1px solid #ccc;
}

.pagehead-big.complete-set::before {
    margin-left: 1.65vh;
}

.paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax {
    font-size: 1.5rem!important;
}

.customer-account-login .page-wrapper .body-content .login-container .block.block-new-customer .block-content .actions-toolbar .primary a.action {
    max-width: 10rem!important;
    height: 5rem!important;
	line-height: 2rem;
	margin: 0px;
    padding: 2px;
    box-sizing: content-box;
    background-clip: padding-box;
    background-color: hsl(210, 40%, 55%);
    border-style: solid;
    border-color: inherit;
    border-image-source: url(../images/blue_button_up.svg);
    border-image-width: 6px 10px 10px 10px;
    border-image-slice: 6 10 10 10;
    border-image-outset: 0;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

.customer-account-login .page-wrapper .body-content .login-container .block.block-customer-login .block-content form.form-login fieldset.login .actions-toolbar .primary button.action {
    max-width: 100%;
    width: 100%;
    height: 2rem;
	line-height: 2rem;
	margin: 0px;
    padding: 2px;
    box-sizing: content-box;
    background-clip: padding-box;
    background-color: hsl(210, 40%, 55%);
    border-style: solid;
    border-width: 6px 10px 10px 10px;
    border-color: inherit;
    border-image-source: url(../images/blue_button_up.svg);
    border-image-width: 6px 10px 10px 10px;
    border-image-slice: 6 10 10 10;
    border-image-outset: 0;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

.customer-account-login .page-wrapper .body-content .login-container .login-content h4 {
    font-size: 1.1rem!important;
}

/*PRODUCT TITLES*/

h1.producttitle, h2.producttitle {
    margin: 10px auto;
    padding: 12px 100px 0 0;
    width: 671px;
    height: 135px;
    background-image: url(../images/producttitle_bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 3rem;
    letter-spacing: -0.05em;
    line-height: 1;
    color: #FFC21C;
    text-transform: uppercase;
    text-decoration: none;
}

.producttitle img[alt="Algebra 2"] {
    content: url(../images/product_title_a2.svg);
}

.producttitle img[alt="Algebra 1"] {
    content: url(../images/algebra1-title.svg);
}

.producttitle img {
    width: 390px;
    height: 60px;
    border: none;
}

/* HEADER CSS */

header.magento {
	display: grid;
	background-image: url("../images/bgpattern7.png");
	background-repeat: repeat;
    height: 150px;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
	border: 1px solid black;
	grid-area:header;
}

.magento a {
	text-align:center;
	vertical-align: center;
	margin: auto;
}

img.logo {
	width: 80%;
}

.building-top {
	display: inline-flex;
	margin: 15px 10px;
    flex-direction: row;
}

/* SIDEBAR BUTTONS */

.sidebarnav a, .sidebarnav a:link, .sidebarnav a:visited,
.sidebarnav a:hover, .sidebarnav a:active {
	display: block;
	margin: 0px;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(210, 40%, 55%);
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/blue_button_up.svg");
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}
.sidebarnav a:hover {
	background-color: hsl(210, 50%, 65%);
	border-image-source: url("../images/blue_button_ov.svg");
}
.sidebarnav a:active {
	padding: 4px 4px 0 0;
	background-color: hsl(210, 40%, 35%);
	border-image-source: url("../images/blue_button_dn.svg");
}
.sidebarnav a.new {
	padding-left: 25%;
	background-image: url("../images/new_burst.svg");
	background-repeat: no-repeat;
	background-position: calc(25% - 22px) center;
	background-size: 28px;
}

/* Download Button */

.download-btn {
	display: block;
	margin: 0px;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(351, 60%, 55%)!important;
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/red_button_up.svg")!important;
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}
.download-btn:hover {
	background-color: hsl(351, 70%, 65%)!important;
	border-image-source: url("../images/red_button_ov.svg")!important;
}
.download-btn:active {
	background-color: hsl(0, 90%, 35%)!important;
	border-image-source: url("../images/red_button_dn.svg")!important;
}

/* School Button */

.school-btn {
	display: block;
	margin: 0px;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(0, 0%, 55%)!important;
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/grey_button_up.svg")!important;
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}



/* REGULAR BUTTONS */


.blueBtn{
	display: block;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(210, 40%, 55%)!important;
	border-style: solid!important;
	border-width: 6px 10px 10px 10px!important;
	border-color: inherit!important;
	border-image-source: url("../images/blue_button_up.svg")!important;
	border-image-width: 6px 10px 10px 10px!important;
	border-image-slice: 6 10 10 10!important;
	border-image-outset: 0!important;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.5rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF!important;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
	box-shadow:none!important;
}


.blueBtn:hover
{		
		background-color: hsl(210, 50%, 65%)!important;
		border-image-source: url("../images/blue_button_ov.svg")!important;
}

.blueBtn:active {
	padding: 4px 4px 0 0!important;
	background-color: hsl(210, 40%, 35%)!important;
	border-image-source: url("../images/blue_button_dn.svg")!important;
}

a[title='Add to Cart'], a.sample-lessons, a[title='Text Chat Offline'], a[title='Remote In'], button[title='Add to Cart'] {
	display: block;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(210, 40%, 55%);
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/blue_button_up.svg");
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.5rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

a[title='Add to Cart']:hover, a.sample-lessons:hover, [title='Text Chat Offline']:hover, a[title='Remote In']:hover, button[title='Add to Cart']:hover {
		background-color: hsl(210, 50%, 65%);
		border-image-source: url("../images/blue_button_ov.svg");
}

a[title='Add to Cart']:active, a.sample-lessons:active, [title='Text Chat Offline']:active, a[title='Remote In']:active, button[title='Add to Cart']:active {
	padding: 4px 4px 0 0;
	background-color: hsl(210, 40%, 35%);
	border-image-source: url("../images/blue_button_dn.svg");
}

button[title='Add to Cart'] {
	display: block!important;
	padding: 2px!important;
	background-clip: padding-box!important;
	background-color: hsl(210, 40%, 55%)!important;
	border-style: solid!important;
	border-width: 6px 10px 10px 10px!important;
	border-color: inherit!important;
	border-image-source: url("../images/blue_button_up.svg")!important;
	border-image-width: 6px 10px 10px 10px!important;
	border-image-slice: 6 10 10 10!important;
	border-image-outset: 0!important;
	text-align: center!important;
	font-family: 'Barto', Times, Impact, sans-serif!important;
	font-size: 1.5rem!important;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF!important;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

button[title='Add to Cart']:hover {
		background-color: hsl(210, 50%, 65%)!important;
		border-image-source: url("../images/blue_button_ov.svg")!important;
}

button[title='Add to Cart']:active {
	padding: 4px 4px 0 0!important;
	background-color: hsl(210, 40%, 35%)!important;
	border-image-source: url("../images/blue_button_dn.svg")!important;
}

/* Watch Trailer Button */

a[title='Watch Trailer'] {
	display: block;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(0, 100%, 55%);
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/red_button_up.svg");
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.5rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

a[title='Watch Trailer']:hover {
	background-color: hsl(0, 80%, 65%);
	border-image-source: url("../images/red_button_ov.svg");
}

a[title='Watch Trailer']:active {
	padding: 4px 4px 0 0;
	background-color: hsl(0, 40%, 35%);
	border-image-source: url("../images/red_button_dn.svg");
}

/* ORANGE BUTTONS */

a.orange-btn {
    display: block;
    padding: 2px;
    box-sizing: content-box;
    background-clip: padding-box;
    background-color: hsl(15, 100%, 50%);
    border-style: solid;
    border-width: 6px 10px 10px 10px;
    border-color: inherit;
    border-image-source: url("../images/org-btn_up.svg");
    border-image-width: 6px 10px 10px 10px;
    border-image-slice: 6 10 10 10;
    border-image-outset: 0;
    text-align: center;
    font-family: 'Barto', Times, Impact, sans-serif;
    font-size: 1.5rem;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

.orange-btn {
	display: block;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	background-color: hsl(15, 100%, 60%);
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/org-btn_up.svg");
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 1.2rem;
	letter-spacing: -0.01em;
	line-height: 1;
	color: #FFFFFF!important;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}

.orange-btn:hover {
	background-color: hsl(15, 100%, 65%);
	color:#FFFFFF!important;
	border-image-source: url("../images/org-btn_ov.svg");
}

.orange-btn:active {
	padding: 4px 4px 0 0;
	background-color: hsl(15, 100%, 35%);
	color:#FFFFFF!important;
	border-image-source: url("../images/org-btn_dn.svg");
}

/* GREEN CIRCLE DOWNLOAD BUTTON */

a[title='Download Patch'] {
	display: block;
	padding: 2px;
	box-sizing: content-box;
	background-clip: padding-box;
	border-style: solid;
	border-width: 6px 10px 10px 10px;
	border-color: inherit;
	border-image-source: url("../images/green-circ-btn.svg");
	border-image-width: 6px 10px 10px 10px;
	border-image-slice: 6 10 10 10;
	border-image-outset: 0;
	text-align: center;
	font-size: 1.5rem;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1.5px 2px 0 rgba(0,0,0,0.75);
}


/* Foldy Frame */

div.foldyframe {
	margin-top: -10px;
	padding-top: 20px;
	background-color: #ECE5CC;
	background-image: url('https://content.teachingtextbooksapp.com/magentoimages/newhomepg/foldybg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 50px solid #375982;
	border-image-source: url('https://content.teachingtextbooksapp.com/magentoimages/newhomepg/foldyframe.jpg');
	border-image-width: 50px;
	border-image-slice: 100 100 100 100;
	font-family: Barthowheel, 'Barto', Times, Impact, sans-serif;
	font-size: 24px;
	line-height: 1.1;
}
div.foldyframe li {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style: url('https://content.teachingtextbooksapp.com/magentoimages/newhomepg/lilredstar25.png');
	list-style-image: url('https://content.teachingtextbooksapp.com/magentoimages/newhomepg/lilredstar25.png');
}
div.foldyframe ul {
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: 30px;
	padding-left: 20px;
	text-align: left;
}


/* 503 Page */

.service-ua-container{
	position: relative;
	margin: 0;
	padding: 0;
	width: calc(100%);
	height: calc(100%);
	background-color: #000000;
	font-family: 'Barto', Times, Impact, sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: #000000;
}

.service-ua-inner-container{
	position: absolute;
	top: 5%;
	padding: 15px 35px;
	width: calc(100% - 70px);
	background-color: #2B456C;
	border-top: 6px solid #E2873E;
	border-bottom: 6px solid #E2873E;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 35%);
	font-size: 48px;
	color: #ECEEDC;
	line-height: 0.3;
	text-align: center;
}

.service-ua-inner-container > img[alt='TEACHING'] {
	width:25vw;
}
.service-ua-inner-container > img[alt='TEXTBOOKS'] {
	width:30vw;
}

.service-ua-main-container {
	margin: 0;
	padding: 30px;
	width: calc(100% - 80px - 60px);
	height: calc(100% - 80px - 60px);
	background-color: #FAF5E1;
	border-style: solid;
	border-color: #375883;
	border-width: 40px;
	border-image-source: url('https://content.teachingtextbooksapp.com/magentoimages/bluepillframe.jpg');
	border-image-slice: 110;
	border-image-width: 40px;
	border-image-repeat: round;
	font-size: 22px;
	text-align: center;
}

.service-ua-main-container > p {
	margin-top: 2vh;
	margin-left: 25%;
	font-size: 2vw;
}

.service-ua-main-container > p:first-child {
	margin-top: 20vh;
	margin-left: 15%;
	margin-right: 20px;
	font-size: 2vw;
}

.service-ua-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://content.teachingtextbooksapp.com/magentoimages/mayor.svg');
	background-size: auto 55%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* LINKS */

.links a {
	color: #3366cc;
}


/* MEDIA QUERIES */

@media only screen and (min-width: 1700px) {
    h1.pagehead-big {
        padding-bottom: 2rem;
        font-size: 4rem;
    }

    h2 {
        font-size: 1.7rem;
    }

    .settings-menu_update.pagehead-big::before {
        margin-left: -144px;
    }
	
    .page-wrapper main.page-main {
        max-width: 1400px;
    }

    .page-wrapper header.page-header {
        max-width: 1400px;
    }
	
	.page-header .header.panel{
		max-width:1400px!important;
	}
	
	.pagehead-big.print.br::before {
		margin-left: 1.5vh;
	}
	
}

@media only screen and (max-width: 1440px) { 
	.header.content{
		max-width:1280px !important;
	}
}

@media only screen and (max-width: 1300px) {
	.old-format > h1.pagehead-big::before {
		position: relative;
		font-size: smaller;
	}

	.old-format > h1.pagehead-big::after {
		display: none;
	}

	a.paper-snip {
		max-width: -webkit-fill-available;
	}
}

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {	
    /* insert styles here */
	h1.pagehead-big {
		font-size: 2.5rem;
	}	
}

@media only screen and (max-width: 1000px) {
	
	
	
	
	/* For tablets: */
	.container {
		grid-template-columns: .5fr auto .5fr;
		grid-template-areas:
			". header ."
			". main ."
			". footer .";
	}

	.show-mobile {
		display: block!important;
	}

	.sidebarnav {
		overflow: hidden;
	}

	section {
		margin-left: 0;
		width: 100%;
		height: auto;
		margin-left:0;
	}

	h1.pagehead::before, h1.pagehead-big::before {
		position: relative;
	}

	h1.pagehead::after, h2.pagehead::after, h1.pagehead-big::after {
		display: none;
	}

	.pagehead::before {
		position: relative;
	}
	
	.current-account:{font-size:1.2rem!important;}
}	



@media only screen and (max-width: 768px) {

	.ft_gray-title {
		width: 100%;
	}

	.paper-snip[title='Geometry'] {
		height: 20vh;
	}

	.paper-snip[title='Algebra 1'] {
		height: 20vh;
	}

	.paper-snip[title='Algebra 2'] {
		height: 20vh;
	}

	.paper-snip[title='Pre-Calculus'] {
		height: 20vh;
	}

	.paper-snip[title='Calculus'] {
		height: 20vh;
	}

	.paper-snip[title='Math 3'] {
		height: 20vh;
	}

	.paper-snip[title='Math 4'] {
		height: 20vh;
	}

	.paper-snip[title='Math 5'] {
		height: 20vh;
	}

	.paper-snip[title='Math 6'] {
		height: 20vh;
	}

	.paper-snip[title='Math 7'] {
		height: 20vh;
	}
	h1.pagehead-big[title='Discs & Books'] { 
	   font-size: 2rem; 
	   padding-top: 15vh;
	   white-space: break-spaces;
	}
	h2.pagehead::before, h2.pagehead-big::before {
		font-size: 3rem;
	}
	
	[class*="col-"] { 
		width: 100%;
		padding-bottom: 1rem;
	}
	
	.service-ua-footer {
		display:none;
	}
	
	.footer{
		margin:auto;
	}
	
	
}

@media only screen and (max-width: 768px) and (min-width: 667px) {
	/* For mobile phones: */
	
	.service-ua-footer {
		display:none;
	}
	
	.faqs-cms{
		font-size: 0.8rem;
	}
	
	.container {
		grid-template-columns: .5fr auto .5fr;
		display:contents;
	}

	section {
		min-width: 240px;
		padding-left:none!important;
		padding-right:none!important;
	}

	.content {
		padding: 1rem;
	}

	[class*="col-"] {
	  width: 100%;
	  padding-bottom: 1rem;
	}

	header.magento {
		width: 100%;
		height: auto;
	}

	img.logo {
		width: 60%;
    	height: auto;
    	justify-self: auto;
	}

	h1.pagehead, h2.pagehead, h1.pagehead-big, h1.pagehead::before, h1.pagehead-big::before, h1.pagehead-blue {
		width: 100%!important;
		max-width: 35rem;
	}	

	h1.pagehead-big {
		font-size: 1.5rem;
		white-space: break-spaces;
		padding-top:7rem;
	}
	
	.pagehead-big.complete-set::before {
		margin-left: 1.65vh;
	}

	.ft_gray-title {
		width: 35%;
	}
	
	.footer{
		margin:auto;
	}
}

@media only screen and (max-width:667px) and (min-width:375px){
	
	.service-ua-footer {
		display:none;
	}
	
	.service-ua-main-container > p {
		font-size: 14px;
	}

	.service-ua-main-container > p:first-child {
		margin-top: 100px;
		font-size: 16px;
	}
	
	.faqs-cms{
		font-size: 0.65rem;
	}
	
	header.magento {
		width: 100%;
		height: auto;
	}
	.container {
		grid-template-columns: .5fr auto .5fr;
		display:contents;
	}
	
	section {
		min-width: 200px;
		padding-left:none!important;
		padding-right:none!important;
	}
	
	img.logo {
		width: 60%;
    	height: auto;
    	justify-self: auto;
	}

	h1.pagehead, h2.pagehead, h1.pagehead-big, h1.pagehead::before, h1.pagehead-big::before, h1.pagehead-blue {
		width: 100%!important;
		max-width: 35rem;
		font-size:2rem;
	}	

	h1.pagehead-big {
		font-size: 2rem;
    padding-top: 4rem;
    white-space: break-spaces;
	}
	
	.pagehead-big.complete-set::before {
		margin-left: 1.65vh;
	}

	.ft_gray-title {
		width: 35%;
	}
}

@media only screen and (max-width: 667px) and (min-width: 320px) {
	h1.pagehead-big {
		font-size: 2rem;
		padding-top: 5rem;
		white-space: break-spaces;
	}

	.service-ua-footer {
		display:none;
	}
	
	.service-ua-main-container > p {
		font-size: 14px;
	}

	.service-ua-main-container > p:first-child {
		margin-top: 100px;
		font-size: 16px;
	}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	.service-ua-footer {
		display:none;
	}  
	  
	.service-ua-main-container > p {
		font-size: 12px;
	}

	.service-ua-main-container > p:first-child {
		margin-top: 100px;
		font-size: 15px;
	}
	
	h1.pagehead, h2.pagehead, h1.pagehead::before, h1.pagehead-blue {
			width: 100%!important;
			max-width: 35rem;
			font-size: 2rem;
		}	
		
		h1.pagehead-big, h1.pagehead-big::before {
			width: 100%!important;
			max-width: 35rem;
			font-size: 1rem;
		}

	h1.pagehead-big {
		white-space: break-spaces;
	}
	
	h3{
		font-size:1.25rem;
	}
	p{
		font-size:1rem;
	}
		
	.footer 
	.content {
		margin-left:auto!important;
		margin-right:auto!important;
	}
	
}

summary { 
   display: list-item;
   cursor:pointer;
   
}
details > ul {
	list-style: disc;
	margin-left:2em;
}

details > p {
	margin-left:2em;
}

details {
	list-style-type: disclosure-closed;
}

details[open] {
	list-style-type: disclosure-open;
}

.faq-subheader {
	color:#5E8CBA;
	margin-bottom:1em;
	margin-top:1em;
}