@media screen {

	body {
		background: linear-gradient(to top, rgba(250, 252, 255, 1) 15em, rgba(240, 242, 245, 0.05) 45em), linear-gradient(to bottom, rgba(250, 252, 255, 1) 20.5em, rgba(240, 242, 245, 1) 30.5em);
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#headersection {
		background: linear-gradient(to top, rgba(99, 159, 172, .75), rgba(69, 129, 142, .45)), linear-gradient(to right, rgba(69, 129, 142, 1), rgba(79, 139, 152, 1), rgba(69, 129, 142, 1)), white;
		display: flex;
		gap:  10px;
		align-items: center;
		width: 100%;
		margin: auto;
		/* border-bottom: solid 2px rgb(250, 250, 250); */
		position: sticky;
		top: 0px;
		height: 5rem;
		z-index: 50;
		/* box-shadow: 0 1.5px rgb(121, 0, 0), 0 6px rgb(79, 139, 152); */
	}
	
	#stripeafterheader {
		display: none;
		width: 100%;
		margin: auto;
		position: absolute;
		top: 5.5rem;
		height: 1.4px;
		z-index: 49;
		background: rgb(67, 67, 67);
	}
		
	
	#logocontainer {
		margin-top: .1rem;
		margin-left: 5vw;
	}
	
	#navcontainer {
		display: flex;
		flex-wrap: wrap;
		margin-left: auto;
	}
	
	.header {
		margin: 0 4rem 0 .5rem;
		font-size: 1.5rem;
		font-weight: 500;
		color: rgb(250, 250, 250);
		text-decoration: none;
		text-align: center;
		text-shadow: 2px 1px 3px darkslategray;
		text-wrap: nowrap;
	}

	#headersection #ewclogo {
		width: 10rem;
		margin-top: 1rem;
		position: fixed;
		top: -18px;
	}

	#contactcontainer {
		margin-right: 3vw;
		margin-bottom: .7vw;
		padding: .5vw;
	}

	#emailicon {
		width: 6rem;
	}
	
	#imgafterheader {
		width: 100%;
		position: relative;
	}
	
	#imgafterheader img {
		object-fit: cover;
		width: 100%;
	}
	
	#busname {
		position: absolute;
		top: 27%;
		left: 30%;
		width: 50%;
		font-size: 4vw;
		font-weight: 400;
		color: rgb(102, 102, 102);
		transform: translate(-50%, -50%);
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#tagline1 {
		position: absolute;
		top: 45%;
		left: 19.5%;
		transform: translate(-50%, -50%);
		width: max-content;
		font-size: 1.3vw;
		font-weight: 700;
		color: rgb(102, 102, 102);
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}
	
	#wwdtagline1 {
		position: absolute;
		/*top: 20%;*/
		top: 27%;
		/*left: 61%;*/
		left: 43%;
		transform: translate(-50%, -50%);
		text-transform: capitalize;
		/*width: 100%;*/
		font-weight: 400;
		color: rgb(102, 102, 102);
		width: max-content;
		border: solid lightgrey 2.2vw;
		background: lightgrey;
		text-shadow: 0 0 2rem white;
		font-size: 5.8vw;
		font-weight: 400;
		color: rgb(65, 65, 65);
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#wwdtagline2 {
		position: absolute;
		/*top: 33%;*/
		top: 43.5%;
		left: 22.5%;
		transform: translate(-50%, -50%);
		/*width: max-content%;*/
		/*font-size: 1.3vw;
		font-weight: 700;
		color: rgb(102, 102, 102);*/
		background: white;
		border: solid white 2vw;
		color: rgb(80, 80, 80);
		font-size: 1.2vw;
		font-weight: 700;
		/*display: none;*/
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}
	
	#wwstagline1 {
		position: absolute;
		top: 25%;
		left: 35%;
		text-transform: capitalize;
		transform: translate(-50%, -50%);
		/*width: 100%;*/
		/*font-size: 8vw;
		font-weight: 400;
		color: rgb(102, 102, 102);*/
		width: max-content;
		border: solid lightgrey 2.2vw;
		background: lightgrey;
		text-shadow: 0 0 2rem white;
		font-size: 8vw;
		font-weight: 400;
		color: rgb(65, 65, 65);
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#wwstagline2 {
		position: absolute;
		top: 31.5%;
		left: 10.5%;
		/*width: max-content%;*/
		background: white;
		border: solid white 2vw;
		color: rgb(80, 80, 80);
		font-size: 1.3vw;
		font-weight: 700;
		/*font-size: 1.3vw;
		font-weight: 700;
		color: rgb(102, 102, 102);
		transform: translate(-50%, -50%);*/
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}
	
	#wwatagline1 {
		position: absolute;
		top: 27%;
		left: 30%;
		transform: translate(-50%, -50%);
		text-transform: capitalize;
		width: max-content;
		border: solid lightgrey 2.2vw;
		background: lightgrey;
		text-shadow: 0 0 2rem white;
		font-size: 8vw;
		font-weight: 400;
		color: rgb(65, 65, 65);
		/*text-shadow: 0 0 66px white;*/
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#wwatagline2 {
		top: 42.5%;
		left: 24.5%;
		position: absolute;
		transform: translate(-50%, -50%);
		/*width: max-content%;*/
		background: white;
		border: solid white 2vw;
		color: rgb(80, 80, 80);
		font-size: 1.2vw;
		font-weight: 700;
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#tetagline1 {
		position: absolute;
		top: 28%;
		left: 33%;
		transform: translate(-50%, -50%);
		text-transform: capitalize;
		width: max-content;
		border: solid lightgrey 2.2vw;
		background: lightgrey;
		text-shadow: 0 0 2rem white;
		font-size: 7vw;
		font-weight: 400;
		color: rgb(65, 65, 65);
		/*text-shadow: 0 0 66px white;*/
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	#tetagline2 {
		top: 44%;
		left: 25.5%;
		position: absolute;
		transform: translate(-50%, -50%);
		/*width: max-content%;*/
		background: white;
		border: solid white 2vw;
		color: rgb(80, 80, 80);
		font-size: 1.2vw;
		font-weight: 700;
		/* USE THESE BORDER SETTINGS TO AID IN ALIGNING "BUSNAME" WITH "TAGLINE1": */
			/*border-style: solid;
			border-color:  black;*/
	}

	.quoteauthor {
		margin-top: 1vw;
	}
	
	.maintext {
		font-size: 1.5rem;
		margin: 5rem auto 5rem auto;
		text-align: left;
		background: linear-gradient(rgba(245, 247, 250, 1), rgb(238, 240, 243), rgba(245, 247, 250, 1));
		color: rgb(67, 67, 67);
		padding: 5rem;
		padding-top: 3.5%;
		padding-bottom: 3.5%;
		width: 65%;
		max-width: 1000px;
		justify-self: center;
		display: flex;
		flex-direction: column;
		min-height: 210px;
		justify-content: center;
		align-content: center;
		box-shadow: .7rem .7rem 1.3rem .01rem lightgray;
	}

	.maintext a {
		color: rgb(69, 129, 142);
	}
	
	.maintext2 {
		font-size: 1.5rem;
		font-weight: 500;
		margin: 5rem auto 5rem auto;
		text-align: left;
		background: linear-gradient(rgb(79, 139, 152), rgb(69, 129, 142), rgb(79, 139, 152));
		color: rgb(226, 226, 226);
		padding: 5rem;
		padding-top: 3.5%;
		padding-bottom: 3.5%;
		width: 65%;
		max-width: 1000px;
		justify-self: center;
		display: flex;
		flex-direction: column;
		min-height: 210px;
		justify-content: center;
		box-shadow: .7rem .7rem 1.3rem .01rem darkgray;
	}

	.maintext2 a {
		color: rgba(245, 247, 250, 1);
	}
	
	.pagetitle {
		font-size: 2.5rem;
		font-weight: 900;
		text-align: center;
		margin: 4.3rem 5.5rem 3rem 5.5rem;
		color: rgb(120, 120, 120);
	}
	
	.pagetitle2 {
		font-size: 2.5rem;
		font-weight: 400;
		text-align: center;
		line-height: 1.23;
		margin: 3.5rem 5.5rem 3rem 4.7rem;
		color: rgb(107, 81, 77);
	}
	
	.pagetitle2 a {
		color: rgb(109, 92, 90);
	}
	
	.sectiontitle {
		font-size: 2rem;
		font-weight: 400;
		text-align: center;
		margin: .5rem auto .5rem auto;
		color: rgb(102, 102, 102);
	}
	
	.sectiontitle2 {
		font-size: 2rem;
		font-weight: 300;
		text-align: center;
		margin: .5rem auto .5rem auto;
		color: rgb(217, 217, 217);
	}

	.firstsection {
		margin-top: 7rem;
	}

	.paragraph {
		margin: 1.5rem auto 1.5rem auto;
	}
	
	.boldtext {
		/* text-shadow: 0px 0px 1px dimgray; */
		/* text-decoration: underline rgb(79, 139, 152) */;
		text-decoration-thickness: 1px;
		text-decoration-skip-ink: auto;
		font-size: 2rem;
		font-weight: 800;
		color: rgb(118, 118, 118);
	}
	
	.maintext2 .boldtext {
		/* text-shadow: 0px 0px 1px dimgray; */
		/* text-decoration: underline rgb(19, 79, 92); */
		text-decoration-thickness: .5px;
		color: rgb(246, 246, 246);
		font-size: 2rem;
		font-weight: 700;
	}
	
	.listcontainer{
		display: block;
		margin: auto;
		justify-self: center;
	}
	
	.listtitle {
		color: rgb(102, 102, 102);
		font-size: 2rem;
		font-weight: 400;
		margin: 2.5rem auto .5rem auto;
	}
	
	.longlisttitle {
		color: rgb(102, 102, 102);
		font-size: 1rem;
		font-weight: 400;
		margin: 2.5rem auto .5rem auto;
	}
	
	.listtitle2 {
		color: rgb(217, 217, 217);
		font-size: 2rem;
		font-weight: 300;
		margin: 0 auto .5rem auto;
	}
	
	.mainlist {
		font-size: 1.5rem;
		list-style: none;
	}

	.mainlist li:before {
		content: '';
		display: inline-block;
		height: 15px;
		width: 19.5px;
		background-image: url('listicon.png');
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: -19.5px;
		margin-right: 3px;
	}
	
	.mainlist2 {
		font-size: 1.5rem;
		list-style: none;
	}

	.mainlist2 li:before {
		content: '';
		display: inline-block;
		height: 15px;
		width: 19.5px;
		background-image: url('listicon2.png');
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: -19.5px;
		margin-right: 3px;
	}
	
	.unbulletedlist {
		list-style: none;
	}

	.unbulletedlist li:before {
		content: '';
		display: inline-block;
		height: 12px;
		width: 15px;
		background-image: url('listicon.png');
		background-size: contain;
		background-repeat: no-repeat;
		margin-left: -15px;
		margin-right: 3px;
	}

	.twocolumns {
		display: flex;
		column-count: 2;
		column-gap: 3rem;
		align-items: center;
		justify-content: center;
		max-width: fit-content;
	}

	
	.columntext {
		max-width: 35%;
		min-width: 174px;
		font-size: 1.75rem;
		margin: auto;
	}
	
	.divcolumnimage {
		max-width: 50%;
		min-width: 40%;
	}

	.divcolumnimage img {
		width: 100%;
		box-shadow: .6rem .6rem 2rem .01rem gray;
	}

	#landack .maintext {
		margin: 3rem;
	}

	#footersection {
		background: linear-gradient(to top, rgb(11, 28, 55), rgb(15, 40, 79)), linear-gradient(to right, rgb(20, 50, 99), rgb(11, 28, 55), rgb(20, 50, 99));
		text-align: right;
		width: 100%;
		margin: auto;
		height: 15rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 1.1rem;
		font-weight: 700;
		column-count: 2;
	}
	
	#footercolumn1 {
		margin-left: 8vw;
		margin-right: 8vw;
		display: flex;
		flex-direction: column;
		align-items: right;
	}
	
	#footercolumn2 {
		margin-left: 8vw;
		margin-right: 8vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.footerparagraph {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	
	#footersection a {
		color: rgb(147, 196, 125);
	}
	
	#footeremailicon {
		width: 6rem;
		margin: .7rem;
	}
}

/* Notes on screen sizes:

 - Maximized on my setup at home, body width is 1903px 
 - Snapped to the side it's 941px
 - Chrome develper mode device widths:
	- iPhone 14 pro max: 430px x 932px
	- Galaxy S20 Ultra: 412px x 915px
	- iPad Mini: 768px x 1024px
	- iPad Pro: 1024px x 1366px
*/

@media only screen and (max-width: 1500px), (min-width: 1300){

	.header {
		font-size: 1.5rem;
		margin-left: 28px;
		margin-right: 28px;
	}
	
	#headersection #ewclogo {
		width: 13rem;
	}

	.pagetitle, .pagetitle2 {
		font-size: 2.15rem;
	}
	
	.boldtext, .maintext2 .boldtext {
		font-size: 1.75rem;
	}
	
	.columntext {
		font-size: 1.5rem;
	}
	
}

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

	.header {
		font-size: 1.1rem;
		margin-left: 21px;
		margin-right: 21px;
	}

/*	.pagetitle, .pagetitle2 {
		font-size: 1.85rem;
	}
		
	.boldtext {
		font-size: 1.55rem;
	}
	
	.maintext2 .boldtext {
		font-size: 1.55rem;
	} */
	
	
	.columntext {
		font-size: 1.3rem;
	}
	
}

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

	#logocontainer {
		margin-left: 2vw;
	}
	
	.header {
		font-size: .9rem;
        margin-left: 16px;
        margin-right: 16px;
	}
	
	#headersection #ewclogo {
		width: 8.5rem;
	}

	#contactcontainer {
		margin-right: .3vw;
		margin-bottom: .7vw;
	}

	.pagetitle, .pagetitle2 {
		font-size: 1.65rem;
		margin: 3.5rem 3.7rem 3rem 3.5rem;
	}
			
	.boldtext, .maintext2 .boldtext {
		font-size: 1.55rem;
	}
	
	.maintext, .maintext2 {
		font-size: 1.2rem;
		padding: 7.5vw;
		padding-top: 3.5%;
		padding-bottom: 3.5%;
		margin: 4.4rem auto 4.4rem auto;
	}

	.sectiontitle, .sectiontitle2, .listtitle, .listtitle2 {
		font-size: 1.6rem;
	}
		
	.longlisttitle {
		font-size: .9rem;
	}
		
	.mainlist, .mainlist2, .unbulletedlist {
		font-size: 1rem;
	}

	.mainlist li:before, .mainlist2 li:before, .unbulletedlist li:before {
		height: .6rem;
		width: .8rem;
		margin-left: -.8rem;
		margin-right: .8px;
	}
	
	.twocolumns {
		column-gap: 1.2rem;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
	}

	.columntext {
		font-size: 1rem;
		max-width: 45%;
	}
	
	.divcolumnimage {
		margin: 6vw;
		max-width: 70%;
	}

	#footersection {
		height: 13.5rem;
		font-size: .9rem;
		font-weight: 600;
	}
	
	#footercolumn1, #footercolumn2 {
		margin-left: 6vw;
		margin-right: 6vw;
	}
	
	.footerparagraph {
		margin-top: .35rem;
		margin-bottom: .35rem;
	}
	
	#footeremailicon {
		width: 5rem;
		margin: .5rem;
	}
}


@media only screen and (max-device-width: 600px), only screen and (max-width: 600px) { 

	#logocontainer {
		margin-left: 1vw;
	}
	
	.header {
		font-size: 1.3rem;
        margin-left: 25px;
        margin-right: 25px;
	}
	
	#headersection #ewclogo {
		width: 8rem;
	}
	
	#contactcontainer {
		margin-right: .2vw;
	}

	.pagetitle, .pagetitle2 {
		font-size: 1.53rem;
		margin: 3.5rem 3rem 3rem 2.7rem;
	}
			
	.boldtext, .maintext2 .boldtext {
		font-size: 1.3rem;
	}
	
	.maintext, .maintext2 {
		font-size: 1rem;
		margin: 3.7rem auto 3.7rem auto;
		min-height: 150px;
	}
	
	.sectiontitle, .sectiontitle2, .listtitle, .listtitle2 {
	}
	
	.mainlist, .mainlist2, .unbulletedlist {
		font-size: .9rem;
	}

	.mainlist li:before, .mainlist2 li:before, .unbulletedlist li:before {
		height: .5rem;
		width: .65rem;
		margin-left: -.65rem;
		margin-right: .65px;
	}
	
}

@media only screen and (max-device-width: 481px), only screen and (max-width: 481px) { 
	
	#logocontainer {
		margin-left: .6vw;
	}

	#contactcontainer {
		margin-right: .6vw;
		margin-bottom: .7vw;
	}
	
	.pagetitle2 {
		font-size: .9rem;
	}

	#footercolumn1, #footercolumn2 {
		margin-left: 3vw;
		margin-right: 3vw;
	}
	
	.footerparagraph {
		margin-top: .2rem;
		margin-bottom: .2rem;
	}

}

html {
	scroll-behavior: smooth;
	visibility: visible !important;
	opacity: 1 !important;
}