/*.bluebox {
	width: 100px;
}*/

.potterywrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 20fr 2fr;
	grid-template-columns: 2fr 20fr 2fr;
	margin-top: 30px;
	max-width: 1347px;
	margin-left: auto;
	margin-right: auto;
}

.potteryinnerwrapper {
	-ms-grid-column: 2;
}

.potterynav {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	min-height: 50px;
	align-items: center;
}

.potterynavrightbox {
	-ms-grid-column: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 3fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 3fr 1fr;
	text-align: center;
	align-items: center;	
}

.potterynavrightbox div {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	padding: 5px;
	cursor: pointer;
}

.potterynavhome {
	-ms-grid-column: 3;
}

.potterynavguide {
	-ms-grid-column: 4;
}

.potterynavshop {
	-ms-grid-column: 5;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	text-align: center;
	padding: 5px 0;
	width: 120px;
	bottom: 120%;
	left: 50%;
	margin-left: -60px;
	position: absolute;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.potterynavboarder {
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.potteryhorizontalboxone {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	margin-top: 5px;
	margin-bottom: 40px;
}

.potteryhorizontallineone {
	height: 1px;
	background: black;
}

.potteryintro {
	display: -ms-grid;
	display: grid;
	text-align: center;
	justify-items: center;
	align-items: center;
	min-height: 400px;
	margin-bottom: 60px;
}

.potteryintropara {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

@supports (display: grid){
	.potteryoverrideinpar {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.potteryintropara h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 52px;
	font-weight: 600;
	margin-bottom: 40px;
	margin-top: 45px;
}

.potteryintropara p {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: 43px;
	font-weight: 300;
}

.potterythreepic {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 2fr 2fr;
	grid-template-columns: 2fr 2fr 2fr;
	grid-column-gap: 1px;
	justify-items: center;
}

.potterythreepic div {
	width: 90%;  /*320*/
	height: 50px;
	/*background: blue;*/
	align-self: center;
}

.potterythreeonepic {
	-ms-grid-column: 1;
	background-image: url('PotteryPots.jpg');
	background-size: cover;
}

.potterythreetwopic {
	-ms-grid-column: 2;
	background-image: url('PotteryFlowerVases.jpg');
	background-size: cover;
}

.potterythreethreepic {
	-ms-grid-column: 3;
	background-image: url('PotteryBirdhouses.jpg');
	background-size: cover;
}

.potteryhorizontalboxtwo {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	margin-bottom: 70px;
	margin-top: 70px;
}

.potteryhorizontallinetwo {
	height: 1px;
	background: black;
}

.potterygroupone {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 1fr;
	grid-template-columns: 2fr 1fr;
	margin-bottom: 50px;
}

.potterygrouponetext {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
}

.potterygrouponetext h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight: 600;
	margin-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
}

.potterygrouponetext p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 40px;
	font-weight: 300;
	padding-left: 30px;
	padding-right: 30px;
}

.potterygrouponepics {
	-ms-grid-column: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	grid-row-gap: 25px;
	justify-items: center;
}

.potterygrouponepics div {
	width: 20px;
	height: 20px;
	/*background: blue;*/
}

.potteryanimalpicone {
	-ms-grid-row: 1;
	background-image: url('PotteryBuffalo.jpg');
	background-size: cover;
	margin-bottom: 20px;
	margin-left: 30px;
}

.potteryanimalpictwo {
	-ms-grid-row: 2;
	background-image: url('PotteryFish.jpg');
	background-size: cover;
	margin-bottom: 20px;
	margin-left: 30px;
}

.potteryanimalpicthree {
	-ms-grid-row: 3;
	background-image: url('PotteryElephant.jpg');
	background-size: cover;
	margin-left: 30px;
}

@supports (display: grid) {
	.potteryanimalpicone {
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.potteryanimalpictwo {
		margin-bottom: 0px;
		margin-left: 0px;
	}

	.potteryanimalpicthree {
		margin-left: 0px;
	}
}

.potterygrouptwo {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2fr;
	grid-template-columns: 1fr 2fr;
	margin-bottom: 50px;

}

.potterygrouptwopic {
	-ms-grid-column: 1;
	width: 20px;
	height: 20px;
	background-image: url('PotteryPotsOnWood.jpg');
	background-size: cover;
	/*background: blue;*/
	justify-self: center;
	align-self: center;
}

.potterytwopicswitchone {
	display: none;
}

@supports (display: grid) {
		.potteryoverrideswitch {
			margin-left: 0px;
			margin-right: 0px;
		}
	}

.potterygrouptwotext {
	-ms-grid-column: 2;
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
}

.potterygrouptwotext h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight: 600;
	margin-top: 0px;
}

.potterygrouptwotext p {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 40px;
	font-weight: 300;
	padding-left: 20px;
	padding-right: 20px;
}

.potterylocations {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
}

.potterylocations h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
}

@supports (display: grid) {
	.potteryoverridelocates h4{
		margin-left: 0px;
		margin-right: 0px;
	}
}

.potterylocationspara {
	-ms-grid-row: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	min-width: 200px;
	max-width: 1500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@supports (display: grid) {
	.potteryoverridelopar {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.potterylocal {
	margin-left: 70px;
	margin-right: 70px;
	margin-bottom: 70px;
	/*background: red;*/
}

.potterylocal p {
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

.potteryplaceone {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.potteryplacetwo {
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

.potteryplacethree {
	-ms-grid-column: 2;
	-ms-grid-row: 1;
}

.potteryplacefour {
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}

.nolinksty a {
	text-decoration: none;
	color: black;
}

.nolinksty a:hover {
	text-decoration: underline;
}

.potterylastpic {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	justify-items: center;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.potterylastpicinner {
	width: 80%;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	/*background: blue;*/
	background-image: url('PotteryArtistAction.jpg');
	background-size: cover;
}

.potteryhorizontalboxthree {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}

.potteryhorizontallinethree {
	height: 1px;
	background: black;
}

.potteryfooterbox {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	height: 75px;
	justify-items: center;
	align-items: center;
	grid-column-gap: 20px;
	/*background-color: orange;*/
}

.potteryfooterpicture {
	-ms-grid-column: 1;
	width: 30%;
	height: 1px;
	justify-self: left;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url('thisjpegcoffeepicture.jpg');
	background-size: cover;
	/*background-color: blue;*/

}

.potteryfooterwords {
	-ms-grid-column: 2;
	font-size: 9px;
	justify-self: center;
	text-align: center;
	max-width: 99%;
	/*background-color: red;*/
	padding-top: 70px;
}

@supports (display: grid) {
	.potteryfooterwords {
		padding-top: 0px;
	}
}

.potteryfooterps {
	margin-top: 5px;
	margin-bottom: 5px;
}


/* ------------------------------------Media Query 1250----------------------------------------------------- */

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

	.potterynavrightbox div {
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		padding: 5px;
	}

	.potteryintropara h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 44px;
		font-weight: 600;
		margin-bottom: 65px;
		margin-top: 75px;
	}

	.potteryintropara p {
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		line-height: 38px;
		font-weight: 300;
	}

	.potterygrouponetext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 42px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouponetext p {
		font-family: 'Roboto', sans-serif;
		font-size: 19px;
		line-height: 37px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterygrouptwotext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 42px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouptwotext p {
		font-family: 'Roboto', sans-serif;
		font-size: 19px;
		line-height: 37px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterylocations h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 42px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.potterylocal p {
		margin: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 19px;
		line-height: 27px;
		font-weight: 300;
	}


}



/* ------------------------------------Media Query 1150----------------------------------------------------- */

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

	.potterynavrightbox div {
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
		padding: 5px;
	}

	.potteryintropara h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
		font-weight: 600;
		margin-bottom: 65px;
		margin-top: 45px;
	}

	.potteryintropara p {
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 35px;
		font-weight: 300;
	}

	.potterygrouponetext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouponetext p {
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 35px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterygrouptwotext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouptwotext p {
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 35px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterylocations h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 40px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.potterylocal p {
		margin: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 17px;
		line-height: 26px;
		font-weight: 300;
	}


}

/* ------------------------------------Media Query 1000----------------------------------------------------- */

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

	body {
		/*background: orange;*/
	}

	.potterywrapper {
		/*display: -ms-grid;*/
		display: grid;
		/*-ms-grid-columns: 1fr 20fr 1fr;*/
		grid-template-columns: 1fr 20fr 1fr;
		margin-top: 30px;
	}

	.potterygroupone {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-bottom: 50px;
		grid-row-gap: 50px;
	}

	.potterygrouponepics {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		grid-row-gap: 50px;
		justify-items: center;
		text-align: center;
		margin-bottom: 30px;
	}

	.potteryanimalpicone {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		background-image: url('PotteryBuffalo.jpg');
		background-size: cover;
		margin-bottom: 10px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.potteryanimalpictwo {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		background-image: url('PotteryFish.jpg');
		background-size: cover;
		margin-bottom: 10px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.potteryanimalpicthree {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
		background-image: url('PotteryElephant.jpg');
		background-size: cover;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	@supports (display: grid) {
		.potteryanimalpicone {
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: 0px;
		}
		.potteryanimalpictwo {
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left: 0px;
			margin-right: 0px;
		}
		.potteryanimalpicthree {
			margin-top: 0px;
			margin-left: 0px;
			margin-right: 0px;
		}
	}

	.potterygrouptwo {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		margin-bottom: 50px;
		grid-row-gap: 50px;
		text-align: center;
	}

	.potterytwopicswitchone {
		display: -ms-grid;
		display: grid;
		-ms-grid-row: 2;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}

	@supports (display: grid) {
		.potterytwopicswitchone {
			margin-top: 0px;
		}

		.potteryoverrideswitch {
			margin-left: 0px;
			margin-right: 0px;
		}
	}

	.potterytwopicswitchtwo {
		display: none;
	}
}



/* ------------------------------------Media Query 900----------------------------------------------------- */

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

	body {
		/*background: orange;*/
	}

	.potterynavrightbox div {
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		padding: 5px;
	}

	.potteryintropara h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 38px;
		font-weight: 600;
		margin-bottom: 65px;
		margin-top: 25px;
	}

	.potteryintropara p {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 34px;
		font-weight: 300;
	}

	.potterygrouponetext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 38px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouponetext p {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 34px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterygrouponepics div {
		width: 20px; /*320*/
		height: 197.77px;
		/*background: blue;*/
	}

	.potterygrouptwotext h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 38px;
		font-weight: 600;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.potterygrouptwotext p {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 34px;
		font-weight: 300;
		padding-left: 0px;
		padding-right: 0px;
	}

	.potterylocations h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 38px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.potterylocal p {
		margin: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 25px;
		font-weight: 300;
	}

	.potteryfooterpicture {
		width: 40%;
		height: 1px;
		justify-self: left;
		margin-top: 40px;
		margin-bottom: 40px;
		background-image: url('thisjpegcoffeepicture.jpg');
		background-size: cover;
		/*background-color: blue;*/
	}

	.potteryfooterwords {
		-ms-grid-column: 2;
		font-size: 9px;
		justify-self: center;
		text-align: center;
		max-width: 99%;
		/*background-color: red;*/
		padding-top: 40px;
	}

	@supports (display: grid) {
		.potteryfooterwords {
			padding-top: 0px;
		}
	}
}

/* ------------------------------------Media Query 700----------------------------------------------------- */

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

	body {
		/*background: orange;*/
	}

	.potteryhidenav {
		display: none;
	}

	.potterynav {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		min-height: 2px;
		margin-top: 20px;
		align-items: center;
	}

	.potterynavrightbox {
		-ms-grid-column: 1;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 3fr 1fr;
		grid-template-columns: 1fr 3fr 1fr;
		text-align: center;
		align-items: center;	
	}

	.potterynavhome {
		-ms-grid-column: 1;
	}

	.potterynavguide {
		-ms-grid-column: 2;
	}

	.potterynavshop {
		-ms-grid-column: 3;
	}

	.potterythreepic {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-column-gap: 1px;
		grid-row-gap: 50px;
		justify-items: center;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 70px;
	}

	.potterythreepic div {
		width: 45%;
		height: 20px;
		/*background: blue;*/
		align-self: center;
		margin-left: auto;
		margin-right: auto;
	}

	.potterythreeonepic {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		background-image: url('PotteryPots.jpg');
		background-size: cover;
	}

	.potterythreetwopic {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		background-image: url('PotteryFlowerVases.jpg');
		background-size: cover;
		margin-top: 20px;
	}

	.potterythreethreepic {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
		background-image: url('PotteryBirdhouses.jpg');
		background-size: cover;
		margin-top: 20px;
	}

	@supports (display: grid) {
		.potterythreetwopic {
			margin-top: 0px;
		}

		.potterythreethreepic {
			margin-top: 0px;
		}
	}

	.potterygrouponepics {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-row-gap: 50px;
		justify-items: center;
		margin-bottom: 30px;
		text-align: center;
	}

	.potteryanimalpicone {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		background-image: url('PotteryBuffalo.jpg');
		background-size: cover;
		margin-bottom: 10px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.potteryanimalpictwo {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		background-image: url('PotteryFish.jpg');
		background-size: cover;
		margin-bottom: 10px;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.potteryanimalpicthree {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		background-image: url('PotteryElephant.jpg');
		background-size: cover;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	@supports (display: grid) {
		.potteryanimalpicone {
			margin-bottom: 0px;
			margin-top: 0px;
		}
		.potteryanimalpictwo {
			margin-bottom: 0px;
			margin-top: 0px;
		}
		.potteryanimalpicthree {
			margin-top: 0px;
		}
	}

	.potterylocationspara {
		-ms-grid-row: 2;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		min-width: 200px;
		max-width: 1500px;
		grid-row-gap: 30px;
		text-align: center;
	}

	.potteryplaceone {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	.potteryplacetwo {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}

	.potteryplacethree {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}

	.potteryplacefour {
		-ms-grid-column:1;
		-ms-grid-row: 4;
	}

	.potteryfooterbox {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		height: 75px;
		justify-items: center;
		align-items: center;
		grid-column-gap: 20px;
		/*background-color: orange;*/
	}

	.potteryfooterpicture {
		-ms-grid-column: 1;
		width: 50%;
		height: 1px;
		justify-self: left;
		margin-top: 40px;
		margin-bottom: 40px;
		background-image: url('thisjpegcoffeepicture.jpg');
		background-size: cover;
		/*background-color: blue;*/
	}

	.potteryfooterwords {
		-ms-grid-column: 2;
		font-size: 9px;
		justify-self: left;
		text-align: left;
		max-width: 99%;
		/*background-color: red;*/
	}
}


/* ------------------------------------Media Query 500----------------------------------------------------- */

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

	body {
		/*background: orange;*/
	}

	.tooltip .tooltiptext {
		visibility: hidden;
		text-align: center;
		padding: 5px 0;
		width: 80px;
		bottom: 120%;
		left: 50%;
		margin-left: -40px;
		position: absolute;
	}

	.potterythreepic div {
		width: 62%;
		height: 20px;
		/*background: blue;*/
		align-self: center;
	}

	.potterylocal {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 70px;
		/*background: red;*/
	}

	.potterylastpicinner {
		width: 95%;
		height: 20px;
		/*background: blue;*/
	}

	.potteryfooterpicture {
		width: 70%;
		height: 1px;
		justify-self: left;
		margin-top: 40px;
		margin-bottom: 40px;
		background-image: url('thisjpegcoffeepicture.jpg');
		background-size: cover;
		/*background-color: blue;*/
	}

	.potteryfooterwords {
		font-size: 8px;
		justify-self: left;
		text-align: left;
		max-width: 99%;
		/*background-color: red;*/
	}
}


/* ------------------------------------Media Query 400----------------------------------------------------- */

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

	body {
		/*background: orange;*/
	}

	.potterythreepic div {
		width: 75%;
		height: 20px;
		/*background: blue;*/
		align-self: center;
	}

	.potterylastpicinner {
		width: 100%;
		height: 20px;
		/*background: blue;*/
	}

	.potteryfooterpicture {
		width: 80%;
		height: 1px;
		justify-self: left;
		margin-top: 40px;
		margin-bottom: 40px;
		background-image: url('thisjpegcoffeepicture.jpg');
		background-size: cover;
		/*background-color: blue;*/
	}

	.potteryfooterwords {
		font-size: 7px;
		justify-self: left;
		text-align: left;
		max-width: 99%;
		/*background-color: red;*/
	}
}

/* ------------------------------------Media Query 280----------------------------------------------------- */


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

	.tooltip .tooltiptext {
		visibility: hidden;
		text-align: center;
		padding: 5px 0;
		width: 20px;
		bottom: 120%;
		left: 50%;
		margin-left: -10px;
		position: absolute;
	}

}