@charset "iso-8859-1";
/* Image swapping code from https://stackoverflow.com/questions/27853884/media-queries-and-image-swapping
 *  and https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
 * uses @media query to swap page banners for small viewports
 *
 * 31 Oct 2019 - edited to enable media query for cwp pages by Chris Hopkins
 *  3 Oct 2020 - edited to use max-width to limit width when viewing large photos on smartphone
 * 19 Feb 2021 - added SSL security certificate (does it affect CSS in any way?)
 */
.image2{
   display: none;
}
.coinimage {
 	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
.coinimage1 {
 	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}
.coinimage2{
   display: none;
}
@media only screen and (max-width: 600px)
   {
   .image1 {
	     display: none;
	   }
	   .image2 {
	     display: block;margin:0 auto;
	   }
   .coinimage1 {
	     display: none;
	   }
	   .coinimage2 {
	   		max-width: 98% !important;
	   		height: auto;
			float: left;
			display: inline;
	     	   }
	}