@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Raleway:ital,wght@0,500;1,500&display=swap');
	
body{font-size:16px;
font-family: 'Raleway', sans-serif;}
#my-bdy-0{width:100%;
background-image: url('../images/kids-bg.png');
background-size: cover;
}

/* Flex */

img#right-col-spacer{width:calc(70px + 30vw);height:calc(150px + 150vw);}
#left-col{display:flex;flex-direction: column;align-items: flex-start;width:45%;}
#sub-container {
display:none;
}
#desksub img {
	width: 45%;
	min-width: 250px;
	margin-top: 10px;
}
#desksub2 img {
	width: 100%;
	min-width: 250px;
	margin-top: 10px;
}
#logo-bar{
    width: 45%;
    padding: 1em 0px 1em 0px;
    height: auto;
    min-width: 250px;
}
h2 {
    font-family: 'Lato', sans-serif;
    line-height: 1.25;
	font-size:1.5em;
	font-weight: 400;
}
h2#class {
	margin-top: 1.5em;
	margin-bottom: 0;
}
h3 {
    font-family: 'Lato', sans-serif;
    line-height: 1.25;
	font-size:1.25em;
	margin: 2em 0 1em;
}
.my-font-1{
    text-align: justify;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5;
}
.purple {
	font-style: italic;font-weight: 700;color:#6d4867;
}
#para-spacer-top{border:solid 0px red;width:100%;height:0px;}
.my-spacer.left-side,.my-spacer.right-side{border:solid 0px red;width:2em;}
.myluna{font-family: 'Raleway', sans-serif;font-size:16px !important;line-height:16px !important;font-style: italic;color:#6d4867;}
.my-spacer.bottom-row{width:10%;border:solid 0px red;height:1em;}

#main{
    width: 90%;
    margin: 0px auto;
    max-width: 1200px;
	padding: 0 2em;
}
 #my-menu-normal{width:90%;margin:0px auto; max-width: 1200px;}

  #bf-1{background-image: url('images/bf-1.png');
  background-position: 10% 10%;
  background-size:10% auto;
  content : "";
  display: block;
  position: absolute;
  top: calc(2vw - 4em);
  left: 15.2vw;
  width: 100%;
  height: 180%;
  opacity : 55.08;
  z-index: -9;
  background-repeat:no-repeat;
  }
  #bf-2{background-image: url('images/bf-2.png');
  background-position: 10% 10%;
  background-size:18% auto;
  content : "";
  display: block;
  position: absolute;
  top: -6.8vw;
  left: 52vw;
  width: 100%;
  height: 180%;
  opacity : 44.8;
  z-index: -9;
  background-repeat:no-repeat;
  }
#upper-objects{width:100%;}
#left-paragraphs, #right-paragraphs{
    width: 46%;
    text-align: justify;
	float:left;
	margin-top:2em;
}
#right-paragraphs {
	margin-left: 2em;
	margin-top:3em;	
}
.col-container{width:100%; max-width: 1200px;}
  .col.left{width: 45%; min-width: 250px;float:left; margin-right: 1em;}
  .left-files{width:100%;display:flex;height:auto !important;flex-direction:row;
    align-self: flex-end;margin-bottom:0px !important;padding-bottom:0px !important;}
  .slideshow-container{display:flex;flex-direction:row;align-items:center;}
 .col-container{margin-top:5em;}
  #logo{display:block;width:100%;height:auto;}
  .lp-title{font-size:12px;font-style:italic;padding:15px 0px 10px 0px;}

  #left-pic img{width:8vw;margin-right:2vw;}
  .sm{font-size:calc(0.35vw + 0.35em ) !important;}
  .my-buttons{display:flex;flex-direction:column;align-items:flex-start;}
  a#button1, a#button2, a#button3 {
	  padding:5px 0px 5px 0px;
	  text-align: left;
}
  .col.right{width:50%; float:left;}
  #my-pdf{width:100% !important;margin-bottom:3vh !important;}
  #obj9 {clear:left;}
#obj1{
    padding-top: 6em;
    width: 90%;
	margin-right: 1em;
}
#obj2 {
	float:none;
	width: 80%;
	margin: -5% 10% 10% 0;
}
img#obj3{
    height: auto;
    width: 45%;
    float: right;
	margin-right: 2em;
	margin-top:-3em;
}

#video-container{
    width: 45%;
    min-width: 250px;
	position: relative;
	clear:left;
	padding-top: 2em;
	float:left;
}
.video-caption {
	font-size: 12px!important;
	line-height: 1.3;
    font-style: italic;
	color:#6d4867;
}
#obj4{width:100%;padding-top:10px; float:left; min-width:250px;}
#obj5{
	width: 40%;
    margin-left: 2em;
	float:left;
	margin-top:50px;
}

#obj9{
    width: 100%;
	max-width: 1200px;
	margin-top: 1em;
	margin-left: 0px!important
}
	.subtitle {border-top: 15px solid #6d4867;
	font-family: 'Raleway', sans-serif;
	font-size:1.12em;
	margin: 1em 0em;
	padding: .5em 0em;
	text-transform: uppercase;
	color: #6d4867;
	font-weight: 700;
	display:block;
	text-align:left;}
a {
	color: #6C4967;
	font-weight:700;
}
a:hover {
	color: #000000;
	cursor: pointer;
}

	  
@media all and (max-width:900px){
#desksub img {
	width: 90%;
	min-width: 250px;
	margin-top: 10px;
	display:block;
}
	#obj3 {
		margin-top:2em!important;
	}
}
@media only screen and (max-width:600px) {
#main{
overflow-x:hidden;
padding: 0 1.5em 0 1.5em;
width: 85%;
	}
.my-font-1{
   font-size: 16px;
}
#sub-container{
display:inline;
width:100%;
font-size:.9em;
	}
	#desksub, #desksub2 {
		display:none;
	}
div.success{display:none;}
div.play-audio{position:relative;left:-40px;width:120px;margin:0px auto; }
.col-container{display:block;width: 100%;}
.slideshow-container {width: 100%;}
.col.left,.col.right{width:100% !important;}
#my-pdf{margin:2em auto;}
#left-paragraphs{font-size:16px;}
  .left-files{width: 100%; height: 200px; margin-bottom:3em;float:left}
#left-pic img{width:100px;height: auto; display:block; margin-right:1em;float:left;}
 a#button1,a#button2,a#button3 {display:block;width:100%;line-height:140%;}
.col.right{display:block;position:relative;float:none!important;}
	h2 {
		margin-bottom: 1em;
	}
	h2#class {
		padding-bottom: 2em;
	}
  #obj9-cont{position:relative!important;width:900px;overflow-x: hidden;margin-left: 0px!important;margin-top:2em;}
	#obj9-cont img {margin-left: 0px!important;}
	#obj1{
    padding-top: 3em!important;
    width: 100%;
	margin-right: 1em;
}
#left-paragraphs, #right-paragraphs{
    width: 100%;
	margin-top:0em;
}
	#right-paragraphs {
	margin-left: 0em;
	margin-top:.5em;	
}
	#video-container{max-width: 100%;}
#obj2 {
	width: 100%;
}
img#obj3{
    width: 90%;
	max-width: 100%;
    float: none;
	margin-top: 0em;
}
	#obj3 {
		margin-top:0em!important;
	}
	#obj4{width:90%!important;}

	#obj5{
	margin-left: 0em;
		width: 100%;
		margin-top: 10px;
}
.btn-view-checkout input{
width:150px !important;
} 
  .my-buttons{z-index:2000;}
	.hideonmobile {
		display: none;
	}
}
@media all and (max-width:360px){  #my-menu-normal{display:none !important;}

}