html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of Reset */

@font-face{
    font-family: "AzoSans-Black";
    src: url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.eot");
    src: url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/368bde93d7e2d326caceab6e0ec4c228.svg#AzoSans-Black")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
 

@media screen and (max-width: 600px) { 
	.PC {
        display: none;
    }

	.Mobile {
		display: flex;
    }

	.NavBar2 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		width: 520px;
		z-index: 12;
		padding: 12px;
		padding-left: 40px;
		padding-right: 40px;
		background-color: white;
		max-width: 600px;
	}

	.icon {
		font-size: 18px;
		color: rgb(24, 122, 191);
	}

	.white {
		color: white;
	}
	
	.blue {
		color: rgb(24, 122, 191);
	}
	
	header {
		text-align: center;
		background: url(photos/bts_2024_bg.png);
		background: cover;
		color: white;
		background-position: center;
		grid-column: 1/5;
		grid-row: 2/3;
		padding-top: 15%;
		padding-bottom: 15%;
	}
	
	header h1 h2 h3 {
		width: 100px;
	}

	header img {
		width: 660px;
		margin-right: -50px;
		margin-left: -50px;
		padding-bottom: 40px;
	}

	button, p, h1, h2, h3, h4, a{
		font-family: "AzoSans-Black";
		font-weight: bold;
		
	}
	
	button{
		padding: 15px;
		border: none;
		background-color: #10bc9c;
		border-radius: 8px;
		font-size: 15px;
		font-weight: 800;
		font-family: "AzoSans-Black";
		text-transform: uppercase;
		color: aliceblue;
	}

	.blueb {
		background-color: rgb(24, 122, 191);
	}
	
	h1 {
		font-size: 60px;
		text-align: center;	
		font-family: "AzoSans-Black";
	}
	
	h2 {
		font-size: 18px;
		text-align: center;
		font-family: "AzoSans-Black";
	}
	
	h3 {
		font-size: 14px;
		line-height: 2em;
		text-align: center;
		padding-top: 2.5%;
		font-family: "AzoSans-Black";
	}

	h4 {
		font-size: 18px;
		text-align: center;
		padding-top: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	p {
		font-size: 12px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	img {
		max-width: 100%;
	}
	
	iframe {
		margin: auto;
	}
	
	.S1 {
		grid-column: 2/4;
		grid-row: 3/4;
		background-color: white;
		padding-top: 10%;
		padding-bottom: 5%;
		text-align: center;
	}
	
	.S1 h1 {
		font-size: 36px;
		padding-bottom: 10px;
		text-transform: uppercase;
	}

	.S1 h2 {
		font-size: 32px;
		text-transform: uppercase;
		padding-bottom: 10px;
	}
	
	.S1 p {
		font-size: 12px;
		color: gray;
		padding-left: 10%;
		padding-right: 10%;
		line-height: 20px;
		padding-bottom: 3%;
	}
	
	.S1 h3 {
		font-size: 18px;
		color: rgb(93, 93, 140);
	}

	.S1 h4 {
		font-size: 16px;
	}
	
	.S1 nav {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	nav img {
		height: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.S1 iframe {
		padding-bottom: 40px;
	}
	
	.S2 {
		grid-column: 1/5;
		grid-row: 5/6;
		background-color: rgb(38, 110, 147);
		color: white;
		text-align: center;
		margin-top: -35px;
		padding-bottom: 5%;
	}
	
	.create {
		font-size: 48px;
		color: lightblue;
	}
	
	.S2 h1 {
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S2 h4 {
		font-size: 12px;
		text-align: center;
		color: lightblue;
	}
	
	.S2 p {
		font-size: 16px;
		text-align: center;
		line-height: 1.5em;
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.SS2 {
		grid-column: 1/5;
		grid-row: 4/5;
		background-color: rgb(38, 110, 147);
		text-align: center;
		padding-top: 10%;
	}
	
	.SS2 img {
		max-width: 400px;
	}
	
	.S3 {
		grid-column: 1/5;
		grid-row: 7/8;
		background-color: purple;
		color: white;
		text-align: center;
		margin-top: -35px;
		padding-bottom: 5%;
	}
	
	.JR {
		font-size: 48px;
		color: rgb(193, 86, 255);
	}
	
	.S3 h1 {
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S3 h4 {
		font-size: 12px;
		text-align: center;
		color: rgb(193, 86, 255);
	}
	
	.S3 p {
		font-size: 16px;
		text-align: center;
		line-height: 1.5em;
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.SS3 {
		grid-column: 1/5;
		grid-row: 6/7;
		background-color: purple;
		text-align: center;
		padding-top: 10%;
	}
	
	.SS3 img {
		max-width: 400px;
	}
	
	.S4 {
		grid-column: 3/5;
		grid-row: 9/10;
		background-color: rgb(51, 138, 138);
		color: white;
		text-align: center;
		margin-top: -40px;
		padding-bottom: 5%;
	}
	
	.camps {
		color: rgb(33, 218, 218); 
		font-size: 48px;
	}
	
	.S4 h1 {
		font-size: 20px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S4 h4 {
		font-size: 12px;
		text-align: center;
		color: rgb(33, 218, 218);
	}
	
	.S4 p {
		font-size: 16px;
		text-align: center;
		line-height: 1.5em;
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.SS4 {
		grid-column: 1/3;
		grid-row: 8/9;
		background-color: rgb(51, 138, 138);
		text-align: center;
		padding-top: 10%;
	}
	
	.SS4 img {
		max-width: 400px;
	}
	
	.S5 {
		grid-column: 1/5;
		grid-row: 7/8;
		background: url(photos/Natureback.png) no-repeat;
		background-size: cover;
		background-position: unset;
		text-align: center;
	}
	
	.S5 iframe {
		margin-top: 60px;
		width: 300px;
		height: auto;
		padding-bottom: 50px;
	}
	
	.S5 .l3 {
		max-width: 350px;
		margin-bottom: -20px;
	}
	
	.SS5{
		grid-column: 1/5;
		grid-row: 8/9;
		padding-top: 10px;
		padding-bottom: 50px;
		line-height: 20px;
		text-align: center;
	}
	
	.SS5 h4 {
		color: lightblue;
		font-size: 16px;
		padding-bottom: 10px;
	}
	
	.SS5 p {
		font-size: 16px;
		line-height: 1.5em;
		margin-left: 10%;
		margin-right: 10%;
		padding-bottom: 20px;
	}
	
	.S6 {
		grid-column: 1/5;
		grid-row: 9/10;
		background: url(photos/Gradiant\ Background.webp) no-repeat;
		background-size: cover;
		text-align: center;
	}
	
	.S6 h4 {
		color: rgb(0, 191, 255);
		font-size: 20px;
		margin-left: 1%;
		margin-right: 1%;
		line-height: 25px;
	}
	
	.S6 p {
		color: white;
		font-size: 16px;
		margin-left: 1%;
		margin-right: 1%;
		line-height: 25px;
		padding-bottom: 20px;
	}
	
	.S6 .l1 {
		width: 250px;
		margin-top: -15px;
	}
	
	.S6 .pro {
		max-width: 500px;
	}
	
	.S6 .ninjas {
		display: none;
	}

	.S6 .mninjas {
		margin-top: -70px;
		width: 600px;
	}
	
	.S7 {
		grid-column: 1/5;
		grid-row: 10/11;
		padding-top: 40px;
		background-color: white;
		text-align: center;
	}
	
	.S7 h1{
		line-height: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.S7 .Loc {
		color: rgb(78, 78, 78);
		font-size: 30px;
	}
	
	.S7 .NY {
		color: rgb(0, 143, 191);
		font-size: 48px;
	}
	
	.S7 button {
		margin-bottom: 20px;
	}
	
	.S7 img {
		max-width: 300px;
		margin-bottom: -5px;
	}
	
	.s8 {
		display: flex;
		grid-column: 1/5;
		grid-row: 12/13;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 60px;
		text-align: center;
		background: url(photos/Testimonial-BG.webp);
	}
	
	.s8 h2 {
		padding-top: 30px;
		font-size: 28px;
	}
	
	.s8 .blue2 {
		color: rgb(24, 122, 191);
	}

	.s8 p {
		font-size: 16px;
		color: rgb(90, 90, 90);
	}
	
	.s8 h4 {
		background-color: rgb(111, 201, 232);
		color: white;
		max-width: 100px;
		margin-left: 25%;
		margin-right: 10%;
		margin-bottom: -20%;
	}
	
	.S8 {
		grid-column: 1/5;
		justify-content: space-around;
		grid-row: 11/12;
		padding-top: 20px;
		text-align: center;
		background: url(photos/Testimonial-BG.webp);
	}
	
	.S8 h4 {
		padding-top: 20px;
		color: rgb(33, 158, 200);
		font-size: 12px;
	}
	
	.S8 h1 {
		padding-top: 10px;
		padding-bottom: 30px;
		font-size: 48px;
		color: white;
	}
	
	.SS8 {
		grid-column: 1/3;
		grid-row: 12/13;
		background-color: white;
		color: black;
		text-align: center;
		margin: 10px;
		margin-left: 60px;
		padding: 10px;
		max-width: 200px;
		height: 300px;
	}
	
	.SS8 h4 {
		margin-top: 5px;
	}
	
	.SSS8 {
		grid-column: 3/5;
		grid-row: 12/13;
		background-color: white;
		color: black;
		text-align: center;
		margin: 10px;
		margin-right: 60px;
		padding: 10px;
		max-width: 200px;
		height: 300px;
	}
	
	.SSS8 h4 {
		margin-top: 35px;
	}
	
	.SSSS8 {
		display: none;
	}
	
	.SSSS8 h4 {
		margin-top: 10px;
	}
	
	.S9 {
		grid-column: 1/5;
		grid-row: 13/14;
		background: url(photos/Kid\ background.webp);
		background-size: cover;
		background-position: center;
		text-align: center;
		padding-top: 150px;
		padding-bottom: 200px;
		margin-bottom: -100px;
	}
	
	.S9 h1 {
		font-size: 48px;
	}
	
	.Afoot {
		background-color: rgb(0, 103, 190);
		text-align: center;
		align-items: center;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.Afoot img {
		height: 20px;
	}
	
	.foot1 {
		text-align: center;
		background-color: rgb(4, 50, 90);
		padding-top: 20px;
		padding-bottom: 30px;
		max-width: 100%;
	}
	
	.foot1 img{
		max-width: 250px;
		padding-top: 30px;
	}

	.foot2 {
		display: flex;
		flex-wrap: wrap;	
		max-width: 600px;
		padding-left: 15%;
		padding-right: 15%;
	}

	.foot2 hr {
		display: grid;
		width: 600px;
	}
	
	footer {
		display: flex;
		padding-left: 1%;
		padding-right: 1%;
		text-align: left;
		list-style: none;
		line-height: 20px;
		padding-bottom: 60px;
		background-color: rgb(4, 50, 90);
		color: rgb(212, 212, 212);
	}
	
	footer h4 {
		color: rgb(76, 79, 96);
		display: block;
		font-size: 18px;
		unicode-bidi: isolate;
		text-align: left;
	}
	
	footer li {
		display: list-item;
		text-align: -webkit-match-parent;
		unicode-bidi: isolate;
		font-size: 18px;
		line-height: 25px;
		width: 200px;
	}
	
	.f1 {
		grid-row: 16/17;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.f1 :hover {
		text-decoration: underline;
	}
	
	.f2 {
		grid-row: 16/17;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.f2 :hover {
		text-decoration: underline;
	}
	
	.f3 {
		grid-row: 16/17;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.f3 :hover {
		text-decoration: underline;
	}
	
	.f4 {
		grid-row: 16/17;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.f4 :hover {
		text-decoration: underline;
	}
	
	.f5 {
		grid-row: 16/17;
		text-align: center;
		padding-left: 18%;
		padding-right: 18%;
	}
	
	.f5 .social {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 10px;
		width: 200px;
		
	}

	.social img {
		height: 20px;
		width: 100%;
	}

	.f5 .bottom {
		position: absolute;
		margin-top: 40px;
	}

	.f5 h4 {
		text-align: center;
		margin-left: 25%;
	}
	
	.f5 a {
		max-width: 12px;
	}

}

@media screen and (min-width:601px) { 

	.Mobile{
		display: none;
	}

	.icon {
		display: none;
	}

	main{
		display: flex;
		display: grid;
		grid-column: 1/5;
		margin: auto;
		background-color: white;
		max-width: 1900px;
	}
	
	.NavBar{
		display: flex;
		align-items: center;
		justify-content:space-around;
		position: fixed;
		top: 0;
		border-bottom: rgb(0, 157, 255) solid 10px;
		background-color: white;
		color: rgb(78, 78, 78);
		width: 100%;
	}
	
	.NavBar nav :hover {
		color: rgb(38, 127, 157);
	}
	
	.NavBar img{
		margin: 0 0 0 20px;
	}
	.NavBar nav{
		margin: 0 100px 0 20px;
	}
	.NavBar nav button{
		margin-left: 50px;
		margin: 10px;
	}
	
	li {
		font-size: 16px;
		margin: auto;
		width: 100px;
		text-align: center;
	}
	
	button, p, h1, h2, h3, h4, a{
		font-family: "AzoSans-Black";
		font-weight: bold;
	}
	
	button{
		padding: 15px;
		border: none;
		background-color: #10bc9c;
		border-radius: 8px;
		font-size: 15px;
		font-weight: 800;
		font-family: "AzoSans-Black";
		color: aliceblue;
	}

	.blueb {
		background-color: rgb(24, 122, 191);
	}
	button:hover{
		transition: .25s;
		background-color: #15a58b;
		box-shadow: 2px black 2px;
	}
	
	a{
		margin: 0 15px 0 15px;
	}
	
	.white {
		color: white;
	}
	
	.blue {
		color: rgb(24, 122, 191);
	}
	
	header {
		text-align: center;
		background: url(photos/bts_2024_bg.png);
		background: cover;
		color: white;
		background-position: center;
		grid-column: 1/5;
		grid-row: 2/3;
		padding-left: 20%;
		padding-right: 20%;
		padding-top: 8%;
		padding-bottom: 3%;
	}
	
	header h1 h2 h3 {
		width: 100px;
	}

	header p {
		font-size: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15%;
		padding-right: 15%;
		line-height: 1.5em;
	}
	
	h1 {
		font-size: 60px;
		text-align: center;	
		font-family: "AzoSans-Black";
	}
	
	h2 {
		font-size: 18px;
		text-align: center;
		font-family: "AzoSans-Black";
	}
	
	h3 {
		font-size: 12px;
		text-align: center;
		padding-top: 2.5%;
		font-family: "AzoSans-Black";
	}
	
	h4 {
		font-size: 18px;
		text-align: center;
		padding-top: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	p {
		font-size: 12px;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	img {
		max-width: 100%;
	}
	
	iframe {
		margin: auto;
	}
	
	.S1 {
		grid-column: 2/4;
		grid-row: 3/4;
		background-color: white;
		padding-top: 10%;
		text-align: center;
	}
	
	.S1 h1 {
		font-size: 40px;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
	
	.S1 h2 {
		font-size: 24px;
		text-transform: uppercase;
	}

	.S1 p {
		font-size: 12px;
		color: gray;
		padding-left: 15%;
		padding-right: 15%;
		line-height: 20px;
		padding-bottom: 3%;
	}
	
	.S1 h3 {
		font-size: 16px;
		color: rgb(93, 93, 140);
	}

	.S1 h4 {
		font-size: 12px;
	}

	.S1 iframe {
		padding-bottom: 60px;
	}
	
	.RightNinja {
		grid-column: 1/2;
		grid-row: 3/4;
		text-align: left;
		background: url(photos/Why-codeNinja-Char-2.png) no-repeat;
		background-position: center -75px;
		margin-top: 3%;
		background-size: 300px;
		width: 250px;
	}
	
	.LeftNinja {
		grid-column: 4/5;
		grid-row: 3/4;
		text-align: right;
		background: url(photos/Why-codeNinja-Char-1.png) no-repeat;
		background-position: center -70px;
		margin-top: 3%;
		background-size: 250px;
		width: 250px;
	}
	
	.S1 nav {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	.S2 {
		grid-column: 3/5;
		grid-row: 4/5;
		background-color: rgb(38, 110, 147);
		color: white;
		text-align: left;
		padding-right: 65%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.create {
		font-size: 48px;
		color: lightblue;
	}
	
	.S2 h1 {
		font-size: 20px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S2 h4 {
		font-size: 12px;
		text-align: left;
		color: lightblue;
	}
	
	.S2 p {
		font-size: 13px;
		text-align: left;
		line-height: 15px;
	}
	
	.SS2 {
		grid-column: 1/3;
		grid-row: 4/5;
		background-color: rgb(38, 110, 147);
		text-align: right;
		padding-left: 45%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.SS2 img {
		max-width: 400px;
	}
	
	.S3 {
		grid-column: 1/3;
		grid-row: 5/6;
		background-color: purple;
		color: white;
		text-align: left;
		padding-left: 65%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.JR {
		font-size: 48px;
		color: rgb(193, 86, 255);
	}
	
	.S3 h1 {
		font-size: 20px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S3 h4 {
		font-size: 12px;
		text-align: left;
		color: rgb(193, 86, 255);
	}
	
	.S3 p {
		font-size: 13px;
		text-align: left;
		line-height: 18px;
	}
	
	.SS3 {
		grid-column: 3/5;
		grid-row: 5/6;
		background-color: purple;
		text-align: left;
		padding-right: 45%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.SS3 img {
		max-width: 400px;
	}
	
	.S4 {
		grid-column: 3/5;
		grid-row: 6/7;
		background-color: rgb(51, 138, 138);
		color: white;
		text-align: left;
		padding-right: 70%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.camps {
		color: rgb(33, 218, 218); 
		font-size: 48px;
	}
	
	.S4 h1 {
		font-size: 20px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.S4 h4 {
		font-size: 12px;
		text-align: left;
		color: rgb(33, 218, 218);
	}
	
	.S4 p {
		font-size: 13px;
		text-align: left;
		line-height: 15px;
	}
	
	.SS4 {
		grid-column: 1/3;
		grid-row: 6/7;
		background-color: rgb(51, 138, 138);
		text-align: left;
		padding-left: 50%;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	
	.SS4 img {
		max-width: 400px;
	}
	
	.S5 {
		grid-column: 1/5;
		grid-row: 7/8;
		background: url(photos/Natureback.png) no-repeat;
		background-size: cover;
		background-position: unset;
		text-align: center;
	}
	
	.S5 iframe {
		margin-top: 50px;
		width: 600px;
		padding-bottom: 150px;
	}
	
	.S5 .l3 {
		max-width: 300px;
		margin-bottom: -50px;
	}
	
	.SS5{
		grid-column: 1/5;
		grid-row: 8/9;
		padding-top: 40px;
		padding-bottom: 100px;
		line-height: 20px;
		text-align: center;
	}
	
	.SS5 h4 {
		color: lightblue;
		font-size: 10px;
	}
	
	.SS5 p {
		margin-left: 35%;
		margin-right: 35%;
		padding-bottom: 20px;
	}
	
	.S6 {
		grid-column: 1/5;
		grid-row: 9/10;
		background: url(photos/Gradiant\ Background.webp) no-repeat;
		background-size: cover;
		text-align: center;
	}
	
	.S6 h4 {
		color: rgb(0, 191, 255);
		margin-left: 30%;
		margin-right: 30%;
		line-height: 25px;
	}
	
	.S6 p {
		color: white;
		margin-left: 30%;
		margin-right: 30%;
		line-height: 25px;
		padding-bottom: 20px;
	}
	
	.S6 .l1 {
		margin-top: -15px;
	}
	
	.S6 .pro {
		max-width: 400px;
	}
	
	.S6 .ninjas {
		max-width: 1200px;
	}

	.S6 .mninjas {
		display: none;
	}
	
	.S7 {
		grid-column: 1/5;
		grid-row: 10/11;
		padding-top: 40px;
		background-color: white;
		text-align: center;
	}
	
	.S7 h1{
		line-height: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.S7 .Loc {
		color: rgb(78, 78, 78);
		font-size: 30px;
	}
	
	.S7 .NY {
		color: rgb(0, 143, 191);
		font-size: 40px;
	}
	
	.S7 button {
		margin-bottom: 20px;
	}
	
	.S7 img {
		max-width: 250px;
		margin-bottom: -5px;
	}
	
	.s8 {
		display: flex;
		grid-column: 1/5;
		grid-row: 12/13;
		padding-left: 16%;
		padding-right: 15%;
		padding-bottom: 60px;
		text-align: center;
		background: url(photos/Testimonial-BG.webp);
	}
	
	.s8 h2 {
		padding-top: 30px;
		font-size: 28px;
	}
	
	.s8 .blue2 {
		color: rgb(24, 122, 191);
	}
	
	.s8 h4 {
		background-color: rgb(111, 201, 232);
		color: white;
		max-width: 100px;
		margin-left: 35%;
		margin-right: 35%;
		margin-bottom: -20%;
	}
	
	.S8 {
		grid-column: 1/5;
		grid-row: 11/12;
		padding-top: 20px;
		text-align: center;
		background: url(photos/Testimonial-BG.webp);
	}
	
	.S8 h4 {
		padding-top: 20px;
		color: rgb(33, 158, 200);
		font-size: 12px;
	}
	
	.S8 h1 {
		padding-top: 10px;
		padding-bottom: 30px;
		font-size: 40px;
		color: white;
	}
	
	.SS8 {
		opacity: 50%;
		grid-column: 1/2;
		grid-row: 12/13;
		background-color: white;
		color: black;
		text-align: center;
		margin: 10px;
		padding: 10px;
		max-width: 300px;
		height: 250px;
	}
	
	.SS8 h4 {
		margin-top: 90px;
	}
	
	.SSS8 {
		grid-column: 3/3;
		grid-row: 12/13;
		background-color: white;
		color: black;
		text-align: center;
		margin: 10px;
		padding: 10px;
		max-width: 300px;
		height: 250px;
	}
	
	.SSS8 h4 {
		margin-top: 75px;
	}
	
	.SSSS8 {
		opacity: 50%;
		grid-column: 4/5;
		grid-row: 12/13;
		background-color: white;
		color: black;
		text-align: center;
		margin: 10px;
		padding: 10px;
		max-width: 300px;
		height: 250px;
	}
	
	.SSSS8 h4 {
		margin-top: 10px;
	}
	
	.S9 {
		grid-column: 1/5;
		grid-row: 13/14;
		background: url(photos/Kid\ background.webp);
		background-size: cover;
		background-position: center;
		text-align: center;
		padding-top: 150px;
		padding-bottom: 200px;
		margin-bottom: -100px;
	}
	
	.S9 h1 {
		font-size: 48px;
	}
	
	.Afoot {
		grid-column: 1/5;
		grid-row: 14/15;
		background-color: rgb(0, 103, 190);
		text-align: center;
		align-items: center;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.Afoot img {
		max-height: 20px;
	}
	
	.foot1 {
		grid-column: 1/5;
		grid-row: 15/16;
		text-align: center;
		background-color: rgb(4, 50, 90);
		padding-top: 20px;
		padding-bottom: 30px;
		max-width: 100%;
	}
	
	.foot1 img{
		max-width: 125px;
	}
	
	footer {
		display: flex;
		grid-column: 1/5;
		grid-row: 16/17;
		padding-left: 16%;
		padding-right: 16%;
		text-align: left;
		list-style: none;
		line-height: 20px;
		padding-bottom: 60px;
		background-color: rgb(4, 50, 90);
		color: rgb(212, 212, 212);
	}
	
	footer h4 {
		color: rgb(76, 79, 96);
		display: block;
		font-size: 0.67em;
		unicode-bidi: isolate;
		text-align: left;
	}
	
	footer li {
		display: list-item;
		text-align: -webkit-match-parent;
		unicode-bidi: isolate;
		line-height: 25px;
		width: 150px;
	}
	
	.f1 {
		grid-row: 16/17;
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.f1 :hover {
		text-decoration: underline;
	}
	
	.f2 {
		grid-row: 16/17;
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.f2 :hover {
		text-decoration: underline;
	}
	
	.f3 {
		grid-row: 16/17;
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.f3 :hover {
		text-decoration: underline;
	}
	
	.f4 {
		grid-row: 16/17;
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.f4 :hover {
		text-decoration: underline;
	}
	
	.f5 {
		grid-row: 16/17;
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.f5 .social {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.f5 a {
		max-width: 12px;
	}
}