* { /* ensures all html elements are set to the same, necessary for responsive design 
		margin: 0;*/
		box-sizing: border-box;
	}
	/*.borderwrap {
		border: 10px solid #0000ff; // this is the indigo blue color */
		/*font-family: "trebuchet MS", sans-serif;
	}*/
	.container {
		display: grid;
		grid-template-areas:
			"logo"
			"logoside"
			"main"
			"mainside"
			"footer";
		grid-template-columns: 1fr;
		grid-template-rows: repeat (5, auto);
		/* grid-gap: 1em;
		max-width: 1080px; */
		margin: 0 auto;
	}
    .img {
		height: auto;
    }
    .imgcenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
    }
	@media (min-width: 31em) and (max-width: 48em)  { /* This query further controls the margin and stacking on tablets */
    .container {
		display: grid;
		grid-template-areas:
			"logo logoside"
			"main mainside"
			"footer footer";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat (3, auto);
		grid-gap: 1em;
		max-width: 1080px;
		margin: 0 auto;
	}
	.footer {
		grid-area: footer;
		border: 5px solid gray;
		padding: 10px;
		margin: 0 auto;
	}
    .img {
		/*max-width: 75%;*/
		height: auto;
    }
    .imgcenter {
		display: block;
		margin-left: 0;
		margin-right: auto;
		width: 75%;
    }
	}
	@media (min-width: 48em)  { /* This query further controls the margin and stacking on tablets */
    .container {
		display: grid;
		grid-template-areas:
			"logo logoside"
			"main mainside"
			"footer footer";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat (3, auto);
		grid-gap: 1em;
		max-width: 1080px;
		margin: 0 auto;
	}
	.footer {
		grid-area: footer;
		border: 5px solid gray;
		padding: 10px;
		margin: 0 auto;
	}
    .img {
		/* max-width: 100%; */
		height: auto;
    }
    .imgcenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
    }
	}
	.header {
		grid-area: logo;
	}
	.logoside {
		grid-area: logoside;
	}
	.main {
		grid-area:: right;
	}
	.mainside {
		grid-area: mainside;
	}
	.footer {
		grid-area: footer;
		border: 5px solid gray;
		padding: 10px;
		margin: 0 auto;
	}
	h2 {
		font-family: trebuchet MS, sans-serif;
        font-size: 40px;
        text-align: center;
		color: #0000ff;
	}
	h3 {
        text-align: center;
		color: #0000ff;
	}
	.textcenter {
        text-align: center;
	}
	a[href^=tel]{
		text-decoration: inherit;
		color: inherit;
	}
    p {
		color: black; /* paragraph font color */
    }
    red {
		color: red;
    }
    black {
		color: black;
    }
    .fine {
        font-family: trebuchet MS, sans-serif;
		max-width: 1080px;
        text-align: center;
        font-size: 6pt;
    }