@charset "UTF-8";        
/* CSS Document */

	body{
		margin:0;
		font-family: Helvetica, Arial, "sans-serif";
	}

.announcement-bar {
/	background-color:#f0a8ba;
	width: 100%;
	text-align: center;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom: 2px solid black;
	font-size:12px;
	letter-spacing: 2px;
}


	header .top-bar{
	/	background-color:#f0a8ba;
		padding-top:25px;
		padding-bottom: 25px;
	/	overflow: auto;  /* prevents div from collapsing when floating elements in child div below- maybe clearing float is better because adds scroll bar when table cells too large*/
		font-weight:200;
		font-size:16px;
		border-bottom: 2px solid black;
	}
	header .top-bar table, tr, td{
		border-collapse: collapse;
	}
	header .top-bar table{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	header .top-bar table td.menu{
		width:40%;
	}

header .drop-down-menu.open{   /* Hide dropdown menu if user expands browser when dropdown is open in smaller view */
	display:none;
}
header .drop-down-menu{   /* Hide dropdown menu if user toggles from open to close to open when in smaller view then expands browser*/
	display:none;
}



	header .top-bar table td.menu a{
		display:inline-block;
		text-decoration: none;
		font-size:15px;
		font-weight: 400;
		margin-right: 25px;
		padding-top:5px;
		padding-bottom:5px;
	}
	header .top-bar table td.logo{
		width:20%;
		text-align: center;
		padding-left:30px;
		padding-right:30px;
	}

	header .top-bar table td.logo img{
		width:125px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	header .top-bar table td.social{
		width:40%;
		text-align:right;
	}
	header .top-bar table td.social img{
		display:inline-block;
		width:30px;
		vertical-align: bottom; /* takes space away from under */ 
	}






 
.home-container {
/	border-top: 2px solid black;
	text-align: center;
	padding-top:175px;
	padding-bottom:175px;
	background-color: #f0a8ba;
}

.home-statement{
	width:65%;
	font-size:65px;
	margin-left:auto;
	margin-right:auto;
	color:black;
	font-weight:bold;
	text-align: center;
	display:inline-block;
	margin-bottom:50px;
}

.home-container a{
	font-size:15px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:275px;
	padding:25px;
	border: 2px solid black;
	border-radius: 8px;
	text-decoration: none;
	color:black;
}
.home-container a:hover{
	color:#f0a8ba;
	border-color:black;
	background-color: black;
}


.home-container a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
		











	.shop-container{
		margin-left:auto;
		margin-right:auto;
		width:100%;
/		overflow:auto; /* prevents div from collapsing when floating elements in child div below*/
		margin-bottom:0;
		margin-top:100px;
	}

	.shop-container .menu{
		display:block;
	/	float:left;
		width:100%;
/		background-color:green;
		text-align: center;
		padding-bottom:15px;
		border-bottom: 2px solid black;
	}
	.shop-container .menu ul{
		margin:0;
		padding-left:0;
	}
	.shop-container .menu ul li{

		list-style-type: none;  /* so i still need this?*/
		display:inline-block;
		margin-right: 15px;
		margin-left:15px;
		padding-top:0px;
		padding-bottom:5px;
		font-size:15px;

	}
	.shop-container .menu ul li a{
		text-decoration: none;
	}
	.shop-container .menu ul li a:hover, a:link, a:visited{
		color: black;
	}
		
	.shop-container .menu ul li a:active{
		color: pink;
	}

 


	.items {
		width:100%;
		padding:0;	
		display:grid;
  		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		grid-column-gap:  2px;
		grid-row-gap: 2px ;

	}	
		
	.items .listing{
		width: 100%;
		background-color:white;
		outline: #000000 solid 2px; /*needs to coincide with grid gap thickness*/
		box-sizing: border-box;
	}
	
	.items img{
		width:100%;
		display:block;
		border-bottom:2px solid black;
	}
	
	.items .listing-info{
		padding-top:8px;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:30px;
		display:block;
		overflow:auto; /* why is this not automatically set to overflow auto?*/
	}

	.items p.name{
		margin-left:0;
		margin-right:0;
		margin-bottom:0;
		margin-top:0;
		padding-top:0;
		padding-left:0;
		padding-right:0;
		padding-bottom:5px;
		font-size:14px;
		color:black;
		font-weight: 400;
		text-align: left;
	}
	
	.items p.price{
		color:black;
		font-weight: 100;
		margin:0;
		padding:0;
		font-size:20px;
		float:left;
/		background-color:blue;
	}

.items span.download-icon {
		width:20px;
		height:20px;
		background-image: url("images/download-icon.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		display:block;
/		background-color:pink;
		float:right;
}






.subscribe-section{
		padding-bottom:45px;
		padding-top:45px;
		border-top: 2px solid black;
}
.subscribe-section-container{
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.subscribe-section-container table {
	width:100%;
	border-collapse: collapse;
	border:none;
	padding:0;
	margin:0;
}

.subscribe-section-container table tr{
	border-collapse: collapse;
	border:none;
	padding:0;
	margin:0;
}
.subscribe-section-container table tr td.subscribe-prompt{
	width:50%;
	border-collapse: collapse;
	border:none;
	padding:0;
	margin:0;
	font-size:15px;
	padding-right:3%;
}

.subscribe-section-container table.subscribe-form-table{       /* Table within table */
	width:100%;
}

.subscribe-section-container table.subscribe-form-table, table.subscribe-form-table tr, table.subscribe-form-table td{   
	border-collapse: collapse;
	border:none;
	padding:0;
	margin:0;
}

.subscribe-section-container table tr td.subscribe-form{
	border-collapse: collapse;
	border:0;
	padding-left:3%;
	margin:0;
}

.subscribe-section-container table tr td.email-form-input{
	width:;
	border-collapse: collapse;
	padding:0;
	margin-right:0;
/	padding-left:3%;  /* staying consistent to half column structure on product page and TOU */
	-webkit-appearance: none;
}
.subscribe-section-container table tr td.email-form-button{
	width:200px;
	border-collapse: collapse;
	padding:0;
	margin:0;
}



.subscribe-section-container table tr td.email-form-input input[type="email"]{
  		font-size:15px;
 	 	width: 100%;
		padding:15px;
  		border: none;
  		background: #f1f1f1;
		margin:0;
	  	text-align:left;
	/	outline:1px solid black;
		-webkit-appearance: none;
		border-radius: 0; /* Set border-radius explicitly to 0 */
	
		-webkit-box-sizing: border-box;  /* prevents width from adding on 15px padding */
     	-moz-box-sizing: border-box;	/* prevents width from adding on 15px padding */
        box-sizing: border-box;	/* prevents width from adding on 15px padding */
}

.subscribe-section-container table tr td.email-form-button button {
	  	text-align: center;
  		font-size:15px;
  		width: 200px;
 		padding: 15px;
  		border:0;
	  	margin:0;
	/	outline:1px solid black;
		background-color:#d0d0d0;
	/	all: unset; /* removes all styling*/
		color:black;
		font-weight: normal;
}


.subscribe-section-container table tr td.email-form-button button:hover{
		background:gray;
		color:white;
		cursor:pointer;
		border:none;
}



footer{
	padding-top:50px;
	padding-bottom:50px;
	border-top: 2px solid black;
}
  
footer .footer-container{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

footer .footer-container table{
	width:100%;
	border-collapse: collapse;
}
footer .footer-container table tr{
	border-collapse: collapse;
}
footer .footer-container table tr td{
	border-collapse: collapse;
}
footer .footer-container table tr td.left-column{
	width:50%;
}
footer .footer-container table tr td.left-column img{
	width:125px;
	padding-bottom:15px;
}
footer .footer-container table tr td.left-column span{
	font-size:15px;
	display:block;
}
footer .footer-container table tr td.right-column{
	width:50%;
	text-align:right;
}
footer .footer-container table tr td.right-column span{
	font-size:16px;
	display:block;
	font-weight: bold;
	padding-bottom:15px;
}


 


  


	  
	  
	  
	    

  

/* product page */

.product-page-links-bar-container{
	width:100%;						/* set to 75% of wanting to align with product container layout */
	margin-left:auto;
	margin-right:auto;
}

.product-page-links-bar{
	width:100%;                     /* set to 94% div of 75% parent div to align with product layout */
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 2px solid black;

}

table.product-page-links{
	width:80%;
	margin-bottom:10px;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}



table.product-page-links tr td#back-to{
	width:50%;
	padding:0;
	display: none; /*removeable*/
}
table.product-page-links tr td#back-to span{
	display: inline-block;
	vertical-align: middle;
	margin:0;
	padding:0;
	line-height: 21px;  /* equal line height to licensing info span to maintain vertical alignment */
}
table.product-page-links tr td#back-to a, table.product-page-links tr td#back-to a:hover{
	text-decoration: none;
	color:black;
	font-size:15px;
	display: inline-block;
	vertical-align: middle;
}



table.product-page-links tr td#licensing-info{
	width:50%;
	padding:0;
	text-align: right;	
}
table.product-page-links tr td#licensing-info span{
	display: inline-block;
	vertical-align: middle;
	margin:0;
	padding:0;
	line-height: 21px;  /* equal line height to back-to span to maintain vertical alignment */
}
table.product-page-links tr td#licensing-info img{
	width:18px;  /* note: this affects vertical alignment to back-to when both lines wrap */
	padding-left:7px;
	display:inline-block;
	vertical-align: middle;
	position: relative; /* need this to apply -1px styling underneath */
  	top: -1px; 
}
table.product-page-links tr td#licensing-info a, table.product-page-links tr td#licensing-info a:hover{
	text-decoration: none;
	color:black;
	font-size:15px;
	display:inline-block;
	vertical-align: middle;
	
}

.product-container{
	width:75%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	overflow: auto;
	margin-bottom:100px;
}
.product-container .left-side{
	width:44%;
	float:left;
	padding-left:3%;
	padding-right:3%;

}
.product-container .right-side{
	width:44%;
	float:right;
	padding-left:3%;
	padding-right:3%;
}
.product-container .left-side img{
	width:100%;
	display:block;
}
.product-container h1.item-name{
	margin-top:10px;
	font-size:34px;	
	font-weight: 400;
}
.product-container p.price{
	font-size:30px;	
}
form.licensing-options{
	font-size:20px;
	line-height: 30px;
}
  
a.buy-on-etsy{
	text-decoration: none;
	color:black;
}



.product-container span.download-icon {    /* add product-container to not conflict with payhip button on items page */
		width:20px;
		height:20px;
		background-image: url("images/download-icon.png");
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		display:inline-block;
		margin-right:8px;
		vertical-align: bottom;   /* aligns to baseline */
}



.product-container a.payhip-buy-button {    /* add product-container to not conflict with payhip button on items page */
	background-color:#f0a8ba;
	color:black;
	width:300px;
	display:block;
	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:30px;
	text-decoration: none;
	font-size:18px;
	border-radius:8px;
	margin-bottom:30px;
  	-webkit-box-shadow: inset 0 0 3px #FFF1F5, -1px 1px 1px darkslategray; ;
    -moz-box-shadow: inset 0 0 3px #FFF1F5, -1px 1px 1px darkslategray; ;
    box-shadow: inset 0 0 3px #FFF1F5, -1px 1px 1px darkslategray; ;
}
.product-container a.payhip-buy-button:hover{ /* add product-container to not conflict with payhip button on items page */
	box-shadow: -1px 1px 1px darkslategray; 

}
.product-container a.payhip-add-to-cart-button { /* add product-container to not conflict with payhip button on items page */
	background-color:pink;
	width:300px;
	display:block;
	text-align: center;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:30px;
	text-decoration: none;
	color:black;
	font-size:18px;
	border-radius:8px;
}
.product-container a.payhip-add-to-cart-button:hover{ /* add product-container to not conflict with payhip button on items page */
	box-shadow: 1px 1px 1px darkslategray; 
}
.product-container .product-description p{
	margin-top:10px;
	font-size:15px;	
	font-weight: 100;
	line-height: 21px;
}


.product-container .product-description h2{
	font-size:18px;	
}


.product-container .product-description ol li.list-item{
	margin-top:10px;
	margin-bottom:10px;
	font-weight: bold;
}
.product-container .product-description ul li{
	list-style: none;
}

.product-container .product-description ul.includes li:before {
  content: '✔ ';
}
.product-container .product-description ul.licenses-list li:before {
  content: '★ ';
}
form.licensing-options li {
	list-style: none;
}
  
form.licensing-options li label{
	cursor: pointer;
}


/* Product Photo Slider */

.slide-container {
  position: relative;
}
.mySlides {
  display: none;
}
.mySlides img{
	display:block;
	}
.cursor {
  cursor: pointer;
}
.row{
	display:grid; /* gets rid of space between child inline flex elements */
	margin-top:25px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	grid-column-gap: 25px;
	}
.row:after {
  content: "";
  display: table;
}
.column {
	width:100%;
}
.row .column img{
	display:block; /* get rid of space underneath image */
}		
/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.4;
}
.active,
.demo:hover {
  opacity: 1;
}	

/* Back To */
.back-to{
	width:100%;
/	float:right;
/	text-align:center;
	font-size:26px;
	background-color:yellow;

}
	.back-to a{
		text-decoration: none;
		color:#f0a8ba;
}
	.back-to a:hover{
		text-decoration: none;
		color:black;
}


/* Coming Soon Pages */

table.coming-soon-container{
	text-align: center;
	background-color:pink;
	margin-left:auto;
	margin-right:auto;
	font-size:25px;
}








/* Licensing Option Page */
 


	
	.licensing-options-chart-section{
		background-color: #f0a8ba;
		padding-top:100px;
		padding-bottom:150px;
		border-bottom: 2px solid black;
	}
	.licensing-options-chart-section-container{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}	
.licensing-options-chart-section h1{
	 text-align: center;
	margin-bottom:50px;
}

	table.licensing-options-chart{
		
		empty-cells: hide;
		border-collapse: collapse;
	}

table.licensing-options-chart tr td#recommended{
	color:white;
	letter-spacing: 5px;
	font-size:14px;
	padding-bottom:10px;
	text-align: center;
	font-weight: 400;
}

table.licensing-options-chart tr th{
		padding-top:35px;
		padding-bottom:35px;
		padding-left:20px;
		padding-right:20px;
		font-size:24px;
		border-top: solid 1px;
	}
table.licensing-options-chart tr th#personal{
		border-left: solid 1px;
		border-right: solid 1px;
		width:21%;
		text-align: center;
}
table.licensing-options-chart tr th#standard-commercial{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:#f089a3;
		width:21%;
		text-align: center;
}
table.licensing-options-chart tr th#standard-extended{
		background-color:#f089a3;
		border-left: solid 1px;
		border-right: solid 1px;
		width:21%;
		text-align: center;
}
table.licensing-options-chart tr th#free-commercial{
		border-left: solid 1px;
		border-right: solid 1px;
		border-color: white;
		width:21%;
		text-align: center;
}
table.licensing-options-chart tr th img.commercial-icon{
		width:32px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding-bottom: 15px;
}
table.licensing-options-chart tr th img.commercial-tag{
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;
		height:32px;
}

table.licensing-options-chart tr td.personal-description{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:lightpink;
		font-size:14px;
		padding:20px;
}

table.licensing-options-chart tr td.standard-commercial-description{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:lightpink;
		font-size:14px;
		padding:20px;
}
table.licensing-options-chart tr td.extended-commercial-description{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:lightpink;
		font-size:14px;
		padding:20px;
}
table.licensing-options-chart tr td.free-commercial-description{
		border-left: solid 1px;
		border-right: solid 1px;
		border-color:white;
		font-size:14px;
		padding:20px;
		background-color:lightpink;
}
table.licensing-options-chart tr td.personal{
		border-left: solid 1px;
		border-right: solid 1px;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
}
table.licensing-options-chart tr td.standard-commercial{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:white;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
}

table.licensing-options-chart tr td.extended-commercial{
		border-left: solid 1px;
		border-right: solid 1px;
		background-color:white;
		text-align: center;
		padding-top:5px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:5px;
}
table.licensing-options-chart tr td.free-commercial{
		border-left: solid 1px;
		border-right: solid 1px;
		border-color:white;
		text-align: center;
		padding-top:5px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:5px;
}





	table.licensing-options-chart tr td img{
		width:30px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 15px;
		margin-top:15px;
	}

table.licensing-options-chart tr td span.label{
		font-weight: bold;
		font-size:19px;
}

	table.licensing-options-chart tr td span.bold{
		font-weight: bold;
		font-size:19px;
		margin-bottom:5px;
		display:block;
}
	table.licensing-options-chart tr td span.italics{
		font-style: italic;
		font-size:14px;
	/	background-color:green;
}
	table.licensing-options-chart tr td#label{
		width:14%;
		border: none;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:30px;
}



	table.licensing-options-chart tr td#empty, table.licensing-options-chart tr th#empty{
		width:2%;
		border: none;
}






table.licensing-options-chart tr td#label-bottom{
		width:14%;
		border: none;
		padding-bottom:50px;
		padding-top:5px;
		padding-right:30px;
}


table.licensing-options-chart tr td.personal-bottom{
		border-left: solid 1px;
		border-right: solid 1px;
		border-bottom: solid 1px;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:50px;
}
table.licensing-options-chart tr td.standard-commercial-bottom{
		border-left: solid 1px;
		border-right: solid 1px;
		border-bottom: solid 1px;
		background-color:white;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:50px;
}
table.licensing-options-chart tr td.extended-commercial-bottom{
		border-left: solid 1px;
		border-right: solid 1px;
		border-bottom: solid 1px;
		background-color:white;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:50px;
}

table.licensing-options-chart tr td.free-commercial-bottom{
		border-left: solid 1px;
		border-right: solid 1px;
		border-bottom: solid 1px;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
		border-color:white;
		padding-top:5px;
		padding-bottom:50px;
}

table.licensing-options-chart tr td.terms-apply-standard, td.terms-apply-extended{
		background-color: #efc9d1;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		border: 1px solid black;
}

table.licensing-options-chart tr td.terms-apply-unlimited{
	/	background-color: #efc9d1;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		border: 1px solid white;
}





.terms-of-use-section{
	padding-top:75px;
	padding-bottom:75px;
}

.terms-of-use-container{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
.terms-of-use{
	
	width:94%;
	margin-left:3%;
	margin-right:3%;	
	
}
.terms-of-use-container h1{
	text-align: center;
	margin-bottom:50px;
}
.terms-of-use-container h2{
	font-size:18px;
}
.terms-of-use-container h3{
	font-size:15px;
}
.terms-of-use-container ul{
	list-style-position: outside;
}
.terms-of-use-container ul li{
	padding-bottom:10px;
}

.terms-of-use-container .terms-of-use-column-left ul li{
	list-style-type: '✓ ';
		font-size:15px;
		font-weight: lighter;
		line-height:21px;

}

.terms-of-use-container .terms-of-use-column-right ul li{
	list-style-type: '✗ ';
		font-size:15px;
		font-weight: lighter;
		line-height:21px;
}


.terms-of-use-container p{
		font-size:15px;
		font-weight: lighter;
		line-height:21px;

}


.terms-of-use-column-left{
	display:block;
	float:left;
	width:44%;
	margin-right:3%;
	margin-left:3%;
}
.terms-of-use-column-right{
	display:block;
	float:right;
	width:44%;
	margin-left:3%;
	margin-right:3%;
}
/* Clear floats after the columns */
.terms-of-use-row:after{
	content: "";
  	display: block;
  	clear: both;
}






























/* Mobile */

@media only screen and (max-width: 1200px) {
	
	
header .top-bar table td.menu .dropdown-control-image{           /* Dropdown */
	width:40px;
	height:40px;
	background-image: url("images/dropdown-burger.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	display:block;

}



header .top-bar table tr td .dropdown-control-image.open{     /* Dropdown */
		background-image:url("images/dropdown-x.png");  
}

header .drop-down-menu {  /* Dropdown */
	width:100%;
	background-color:#f0a8ba;
	text-align: center;
	 display:none;
	font-size:20px;
	border-bottom: 2px solid black;
	padding-top:20px;
	padding-bottom:20px;
}

header .drop-down-menu.open{   /* Dropdown */
	display:table;
}
header .drop-down-menu ul {  /* Dropdown */
	margin:0;
	padding:0;
}
header .drop-down-menu ul li{  /* Dropdown */
	list-style-type: none;
	margin:5px;
}
header .drop-down-menu ul li a{  /* Dropdown */
	text-decoration: none;
	color:black;
}

header .drop-down-menu ul li#social-media{  /* Dropdown */
	margin-top:20px;
}
header .drop-down-menu ul li#social-media img{   /* Dropdown */
	width:45px;
}
	
	
	
	
	
		header .top-bar table td.menu a{     /* Dropdown */
		display:none;
	}

	header .top-bar table td.social img{   /* Dropdown */
	display:none;
}
	
	
	
	
	
	header .top-bar table{
		width:92%;
	}
	.home-statement{
		width:80%;
		font-size:60px;
	}
	.shop-container{
		width:100%;
	}

	.items {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		float:none;
		margin-left:auto;
		margin-right:auto;
	}	
	.product-page-links-bar-container{ /* Take left and right side padding from below and subtract from 100 */
		width:100%;
	}
	table.product-page-links{
		width:90%;
	}
	
	
	.product-container{
		width:100%;
	}
	.product-container .right-side{
		padding-left:2%;
		padding-right:4%;
		width:44%
	}
	.product-container .left-side{
		padding-left:4%;
		padding-right:2%;
		width:44%
	}
	
	
	
		a.payhip-buy-button {
		max-width:100%;	
	}
	.subscribe-section-container{
		width:100%;
	}
	.subscribe-section-container table tr td.subscribe-prompt{
		padding-left:4%;
		padding-right:2%;
	}
	.subscribe-section-container table tr td.subscribe-form{
		padding-left:2%;
		padding-right:4%;
	}
	.subscribe-section-container table.subscribe-form-table td.email-form-input{
		display:block;
		width:100%;
		padding-bottom:10px;
		
	}
	.subscribe-section-container table.subscribe-form-table td.email-form-button{
		display:block;
		width:100%;
	}
	.subscribe-section-container table tr td.email-form-input input[type="email"]{
		text-align:center;
	}
	.subscribe-section-container table tr td.email-form-button button{
		width:100%;
	}
	.terms-of-use-container{
		width:100%;
	}
	.terms-of-use{
	width:92%;
	margin-left:4%;
	margin-right:4%;	
}
	.terms-of-use-column-left{
	width:44%;
	margin-right:1%;
	margin-left:4%;
	}
	.terms-of-use-column-right{
	width:44%;
	margin-right:4%;
	margin-left:1%;
	}
	footer .footer-container{
		width:92%;
	}
}




@media only screen and (max-width: 1000px) {
	.items {
  		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}	
	
	
	
}





@media only screen and (max-width: 700px) {
	header .sub-navigation ul li{
		display:block;
		padding:15px;
}
	
	.items {
  		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}		

	
table.product-page-links tr td#back-to{     /* set width to not be 50% otherwise licensing info will wrap icon on next line */
	width:auto;
}
table.product-page-links tr td#licensing-info{   /* set width to not be 50% otherwise licensing info will wrap icon on next line */
	width:auto;
}	
	
.product-container .left-side{
	display:block;
	width:92%;
	float:none;
	padding:0;
	margin-left:4%;
	margin-right:4%;
}
.product-container .right-side{
	display:block;
	width:92%;
	float:none;
	padding:0;
	margin-left:4%;
	margin-right:4%;
}
	
.product-container a.payhip-buy-button {
width:100%;	
}

	
	
	
	.subscribe-section-container table tr td.subscribe-prompt{
		display:block;
		width:92%;
		padding-left:4%;
		padding-right:4%;
		margin-bottom:20px;
		text-align: center;
	}
	.subscribe-section-container table tr td.subscribe-form{
		display:block;
		width:92%;
		padding-left:4%;
		padding-right:4%;
	}
	.subscribe-section-container table.subscribe-form-table{
		display:table; /* display:block causes nested tr to not be 100% of width, could also just leave out display here */
		margin:0;
		padding:0;
		width:100%;
	}
	.subscribe-section-container table.subscribe-form-table tr{
		display:block;
		width:100%;
	}
	.subscribe-section-container table.subscribe-form-table td.email-form-input{
		display:block;
		width:100%;	
}
	.subscribe-section-container table.subscribe-form-table td.email-form-button{
		display:block;
		width:100%;		
}
		
footer .footer-container table tr td.left-column{
	display:block;
	width:100%;
	text-align: center;
	margin-bottom:45px;
}	
	footer .footer-container table tr td.right-column{
	display:block;
	width:100%;
	text-align: center;
}	
.terms-of-use-column-left{
	width:92%;
	margin-left:4%;
	margin-right:4%;	
	}
.terms-of-use-column-right{
	width:92%;
	margin-left:4%;
	margin-right:4%;	
	}
}
	
	
@media only screen and (max-width: 800px) {
	
	
header .top-bar table td.logo{ 
	width:60%;
	padding-left:0;
	padding-right:0;
	}
	
header .top-bar table td.menu{	
	width:20%;
	}
	
header .top-bar table td.social{	
	width:20%;
	}
	
	

	
}