body{
width: 100%; margin: 0px; padding: 0px; font-family: didot, impact, calibri, serif; background: rgba(196,231,209,1);
}
.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 4s infinite;
}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-10px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-20px); }
  60% {
    -moz-transform: translateY(-10px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);i
    -o-transform: translateY(-10px);
    transform: translateY(-10px); } 
}
.div1{
	width: 100%; height: 50px; //background: rgba(33,33,33,1);
}
.div1a{
	width: 80%; height: 45px; background: white; border-radius: 20px; margin-top: 10px
}
.div1b{
	width: 30px; height: 30px; background-image: url(../search.png); background-size: 100% 100%; margin-top: 7.5px; float: right; margin-right: 15px; border: none; outline: none; background-color: white
}
.div1c{
	width: 40px; height: 40px; background-image: url(../greylogo.jpg); background-size: 100% 100%; margin-left: 15px; margin-top: 2.5px; float: left; margin-right: 5px; border-radius: 50%
}
.div1d{
	width: 60px; height: 60px; background-image: url(../logo5.png); background-size: 100% 100%; margin-right: 0px
}
.div1e{
	width: 50px; height: 50px; background-image: url(../greylogo.jpg); background-size: 100% 100%; margin-top: 15px; border-radius: 50%
}
.in1{
	border: none; float: left; margin-left: 10px; margin-top: 5px; width: 75%; height: 35px; font-size: 15px; color: rgba(55,63,62,1); outline: none; font-family: georgia
}
.div2{
	width: 100%; height: auto;
}
.div2a{
	width: 200px; height: 200px; background-image: url(../logo5.png); background-size: 100% 100%; margin-top: 40px; margin-bottom: 10px
}
.div2b{
	width: 50px; height: 50px; background-image: url(../box1.png); background-size: 100% 100%;
}
.div2c{
	width: 50px; height: 50px; background-image: url(../box2.png); background-size: 100% 100%;
}
.div2d{
	width: 50px; height: 50px; background-image: url(../box3.png); background-size: 100% 100%;
}
.div3{
	width: 3%; height: 300px; margin-top: 40px; margin-right: 1%; float: left;
}
.div4{
	width: 30%; height: 300px; margin-top: 40px; margin-right: 1%; background: rgba(254,32,193,1); float: left; border-radius: 10px; margin-bottom: 20px
}
.div5{
	width: 30%; height: 300px; margin-top: 40px; margin-right: 1%; background: rgba(0,208,129,1); float: left; border-radius: 10px; margin-bottom: 20px
}
.div6{
	width: 30%; height: 300px; margin-top: 40px; margin-right: 1%; background: rgba(254,199,60,1); float: left; border-radius: 10px; margin-bottom: 20px
}
.div7{
	width: 66%; height: 350px; background-image: url(../teacher2.png); background-size: 100% 100%; margin-top: 15px
}
.div8{
	width: 90%; height: 350px; background-image: url(../teacher1.png); background-size: 100% 100%; margin-top: 15px
}
.div9{
	width: 90%; height: 350px; background-image: url(../teacher6.png); background-size: 100% 100%; margin-top: 15px
}
.div10{
	width: 100%; height: 250px; background: white; margin-top: -15px; border-radius: 10px; padding-top: 20px;
}
.div11{
	float: left; width: 100%; height: 300px;
}
.div12{
	width: 80px; height: 35px; float: right; background: white; margin-top: -30px; margin-right: 10px;border-radius: 20px
}
.div13{
float: left; width: 100%; height: 280px; margin-top: 0px; background: rgba(0,208,129,1)
}
.div14{
float: left; width: 100%; background: white; margin-top: 30px
}
.tx1{
	font-size: 16px; font-weight: 400; color: rgba(55,63,62,1); padding-top: 12px; margin-bottom: 5px; padding-left: -15px; font-family: georgia;
}
.tx2{
	font-size: 40px; font-weight: 900; color: rgba(46,70,158,1); margin-bottom: 5px; margin-top: -10px; font-family: georgia
}
.tx3{
	font-size: 16px; font-weight: 400; font-family: georgia; color: rgba(55,63,62,1); padding: 15px
}
.tx4{
	float: right; font-size: 16px; font-family: georgia; font-weight: 400; color: rgba(55,63,62,1);  margin-right: 30px; margin-top: -24px
}
.tx5{
	font-size: 16px; font-family: georgia; font-weight: 450; color: rgba(46,70,158,1);  margin: 15px
}
.tx6{
	font-size: 16px; font-family: georgia; font-weight: 400; color: white;  padding-top: 30px
}
.tx7{
	font-size: 16px; font-family: georgia; font-weight: 400; color: white; margin-top: 10px
}
.tx8{
	font-size: 16px; font-weight: 550; color: rgba(46,70,158,1); margin-top: 2px; margin-bottom: 5px; font-family: impact;
}
.hom6{
width: 300px; height: 200px; margin-top: 10px; margin-bottom: 0px
}
.hom7{
font-family: georgia; text-align: center; font-size: 30px; font-weight: 600; padding-left: 20px; padding-right: 20px; color: rgba(44,160,90,1); margin-top: 5px; text-shadow: 2px 1px white
}
.hom7a{
text-align: center; font-size: 16px; font-weight: 400; padding-left: 20px; padding-right: 20px; color: rgba(46,70,158,1); margin-top: -30px; font-family: georgia
}
.hom7f{
width: 250px; height: 250px; margin-top: 30px; margin-right: auto; margin-left: auto; background: gold; background-image: url(../pic1.jpg); background-size: 100% 100%; border-radius: 150px; box-shadow: 1px 1.5px 1.5px 1px rgba(0,0,0,0.1);
}
.home8{
  float: left; width: 100%; height: 250px; background: ; margin-top: 30px; overflow: auto; white-space: nowrap
}
.home9{
  float:left; width: 100%; height: 60px; text-align: center;
}
.home10{
  font-size: 27px; font-weight: 800; margin-top: 20px; color: rgba(38,68,130,1)
}
.home11{
  display: inline-block; width: 45%; height: 200px; background:white; border-radius: 5px; margin-left: 2.5%; margin-right: 2.5%; margin-top: 20px; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.05); text-align: center;
}
.home11b{
  float:left; width: 40%; height: 150px; background:white; background-size: 100% 80px; border-radius: 10px; margin-left: 5%; margin-right: 5%; margin-top: 20px; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.05); text-align: center;
}
.home12{
width: 40px; height: 40px; margin-top: 57px
}
.home12b{
width: 60px; height: 60px; margin-top: 25px; border-radius: 50%
}
.home12c{
width: 70px; height: 70px; margin-top: 25px;
}
.home12d{
width: 250px; height: 200px; margin-top: 40px;
}
.home13{
  font-size: 16px; font-weight: 800; margin-top: -2px;padding-left: 10px; padding-right: 10px
}
.home14{
width: 100%; height: 680px; background: linear-gradient(azure,rgba(34,178,213,1))
}
.home16{
  font-size: 27px; font-weight: 800;margin-top: 20px; color:  rgba(38,68,130,1)
}
.home15{
  float:left; width: 100%; height: 60px; text-align: center;
}
.home17{
  font-family: georgia; display: inline-block; width: 340px; height: 140px; background:white; border-radius: 8px; margin-left: 2.5%; margin-right: 2.5%; margin-top: 40px;
}
.home18{
  width: 80px; height: 80px; margin-top: 20px; margin-left: 20px; float: left;
}
.home19{
  font-family: georgia; font-size: 18px; font-weight: 800; margin-top: 60px; padding-left: 20px; padding-right: 10px; float: left; color: rgba(44,160,90,1)
}
.home35{
font-size: 16px; font-weight: 800; margin-top: -15px;padding-left: 10px; padding-right: 10px; color: rgba(38,68,130,1)
}
.home35b{
font-family: georgia; font-size: 28px; font-weight: 900; margin-top: 0px;padding-left: 10px; padding-right: 10px; color: white
}
.home35c{
font-family: georgia; font-size: 18px; font-weight: 400; margin-top: -10px;padding-left: 10px; padding-right: 10px; color: white
}
.home35d{
width: 80%; margin-left: 10%; height: 260px; background: darkseagreen; border-radius: 10px
}
.home35e{
width: 80%; margin-left: 10%; height: 270px; background: darkseagreen; border-radius: 10px
}
.home50{
width: 100%; height: 750px; background: rgba(196,231,209,1); text-align: center
}
.btn20{
width: 30%; height: 36px; margin-top: -25px; margin-bottom: 20px; border-left: 1px solid rgba(44,160,90,1); border-right: 1px solid rgba(44,160,90,1);border-top: none; border-bottom: 4px solid rgba(44,160,90,1); border-radius: 30px; background: white; color: rgba(56,179,72,1); font-size: 16px; font-weight: 600
}
.btn20a{
width: 30%; height: 36px; margin-top: -25px; margin-bottom: 20px; border-left: 1px solid rgba(44,160,90,1); border-right: 1px solid rgba(44,160,90,1);border-top: none; border-bottom: 4px solid rgba(44,160,90,1); border-radius: 30px; background: white; color: rgba(56,179,72,1); font-size: 16px; font-weight: 600; margin-left: 20px
}
.btn20b{
width: 35%; height: 36px; margin-top: 0px; margin-bottom: 0px; border-left: 1px solid rgba(44,160,90,1); border-right: 1px solid rgba(44,160,90,1);border-top: none; border-bottom: 4px solid rgba(44,160,90,1); border-radius: 30px; background: white; color: rgba(56,179,72,1); font-size: 16px; font-weight: 600
}
.btn30{
width: 35%; height: 36px; margin-top: 10px; margin-bottom: 20px; border: 2px solid white; border-radius: 30px; background: transparent; color: white; font-size: 16px; font-weight: 600
}
.scrolling-wrapper {
height: 215px; background: powderblue; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-top: 15px
}
.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}
.card {
    display: inline-block;
}
@media only screen and
 (max-width: 720px){
.div1a{
 width: 90%; height: 45px; background: white; border-radius: 20px; margin-top: 10px
}
.div1b{
 width: 30px; height: 30px; background-image: url(../logo3.png); background-size: 100% 100%; margin-top: 7.5px; float: right; margin-right: 15px; border: none; outline: none; background-color: white
}
.div3{
	width: 92%; height: 2vh; margin-top: 20px; margin-right: 4%; margin-left: 4%; float: left;
}
.div4{
	width: 92%; height: 300px; margin-top: 20px; margin-right: 4%; margin-left: 4%; background: rgba(254,32,193,1); float: left;  border-radius: 10px
}
.div5{
	width: 92%; height: 300px; margin-top: 270px; margin-right: 4%; margin-left: 4%; background: rgba(0,208,129,1); float: left; border-radius: 10px
}
.div6{
	width: 92%; height: 300px; margin-top: 270px; margin-right: 4%; margin-left: 4%; background: rgba(254,199,60,1); float: left; border-radius: 10px
}
.div10{
	width: 100%; height: 190px; background: white; margin-top: -15px; border-radius: 10px; padding-top: 20px;
}
.div11{
	float: left; width: 100%; height: 300px;
}
.div13{
float: left; width: 100%; height: 270px; margin-top: 0px; background: rgba(0,208,129,1)
}
.div14{
float: left; width: 100%; background: white; margin-top: 0px
}
.tx1{
	font-size: 16px; font-weight: 400; color: rgba(55,63,62,1); padding-top: 12px; margin-bottom: 5px; padding-left: -15px; font-family: georgia;
}
.tx3{
	font-size: 15px; font-weight: 400; font-family: georgia; color: rgba(55,63,62,1); padding: 15px
}
.tx4{
	float: right; font-size: 16px; font-family: georgia; font-weight: 400; color: rgba(55,63,62,1);  margin-right: 30px; margin-top: -22px
}
.tx5{
	font-size: 15px; font-family: georgia; font-weight: 450; color: rgba(46,70,158,1);  margin: 15px
}
.hom7{
font-family: georgia; text-align: center; font-size: 25px; font-weight: 600; padding-left: 20px; padding-right: 20px; color: rgba(44,160,90,1); margin-top: 5px; margin-bottom: 30px; text-shadow: 2px 1px white
}
.home35c{
font-family: georgia; font-size: 15px; font-weight: 400; margin-top: -10px;padding-left: 10px; padding-right: 10px; color: white
}
.home35d{
width: 90%; margin-left: 5%; height: 260px; background: darkseagreen; border-radius: 10px
}
.home35e{
width: 90%; margin-left: 5%; height: 270px; background: darkseagreen; border-radius: 10px
}
}