*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body{
  font-size: 16px;
  line-height: 26px;
  font-family: 'Nunito Sans', sans-serif;
}

img{
  border: 0;
  max-width:100%;
}

a{
  text-decoration: none;
  cursor:pointer;
  transition:.7s color, .7s background-color;
  color:#000;
}
a:focus{
  outline: none;
}
a:hover{
  transition:.3s color, .3s background-color;
  color: #8DACD1;
}

h1{
  font-size: 50px;
  line-height: 60px;
}

h2{
  font-size: 50px;
  line-height: 60px;
  font-weight:700; 
  margin-bottom: 20px; 
  position:relative; 
}
h2.smaller{
  font-size: 35px; 
  line-height: 40px; 
}

h2.smile::after{
  content: "";
  display: block; 
  background: url('/app/images/smile.svg') no-repeat center center; 
  background-size: 100% auto; 
  position: absolute;
  background-position:center top; 
  top: 110%; 
  left: 0;
  width: 150px; 
  height: 100px; 
}

h3{
  font-size: 30px;
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #ED6C25;
}


h4{
  font-size: 20px;
  font-weight: 700;
  margin: 30px 0 5px 0;
  color: #20355D;
}

h3:first-child, h4:first-child{
  margin-top:0;
}

p{
  margin-bottom: 10px;
}
p:last-child{
  margin-bottom:0;
}

.text-grey{
  color: #707070;
}

ul, ol{
  margin: 0 0 15px 30px;
}

.large{
  font-size: 20px;
  line-height: 35px;
}
.small{
  font-size: 14px;
  line-height: 20px;
}

.light{
  font-weight:300;
}
.semi{
  font-weight: 600;
}

.clear{ clear: both; }

.container{
  margin: 0 auto;
  width: 96%;
  max-width: 1200px;
  position:relative;
}

.container .med{
  max-width: 1000px; 
}
.container.narrow{
  max-width: 850px;
}
.container.wide{
  max-width: 90%;
}
.container.tiny{
  max-width: 500px; 
}


.flex{
  display:flex;
}
.flex.wrap{
  flex-wrap:wrap;
}
.flex.end{
  align-items:flex-end;
}
.flex.vert{
  align-items:center;
}
.flex.swap{
  flex-direction: row-reverse;
}

.flex .full{
  width:100%;
}
.flex .half{
  width: 50%;
  margin-right: 0%;
}

.flex .half.first{
  padding-right: 25px; 
}

.flex .third{
  width: 32%;
  margin-right: 2%;
}
.flex .third:nth-child(3n+3){
  margin-right:0;
}


.flex .twothirds{
  width: 65%;
}
.flex .twothirds-third{
  width: 35%;
  padding-left: 100px; 
}

.margined{
  margin: 75px auto;
}
.margined-small{
  margin: 20px auto;
}

.topmargin{
  margin-top: 75px;
}
.bottommargin{
  margin-bottom: 75px;
}

.padded{
  padding: 50px;
}
.padded-large{
  padding: 70px 0;
}

.left{
  text-align:left;
}
.center{
  text-align:center;
}
.right{
  text-align:right;
}


.button{
  display: inline-block;
  background-color:#ED6C25;
  border: 1px solid #ED6C25; 
  color:#FFF;
  padding: 5px 25px;
  font-weight: 700; 
  text-align:center;
  min-width: 150px; 
  cursor:pointer; 
}
.button:hover{
  color:#FFF;
}



.button.white{
  background-color:#FFF;
  color:#ED6C25;
}

.button.large{
  font-size: 18px; 
  padding: 10px 30px; 
}


.inline{
  display:inline;
}
.inlineblock{
  display:inline-block;
}
.block{
  display:block;
}
.block-img{
  display:block;
  width:100%;
}

.bgcover{
  background-size:cover;
  background-position: center center;
}



.header{
  padding: 20px 0;
}
.header h1 img{
  height: 80px; 
}
.header .button{
  margin-bottom: 5px; 
}

.text-white{
  color:#FFF; 
}

.hero{
  background-color:#20355D;
  padding: 100px 0;
} 



.left-pad{
  padding-left: 180px; 
}

.relative{
  position:relative; 
}

.grey{
  background-color: #F5F5F5;
}


.grey-top{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 30%; 
}

.courses{
  justify-content: center;
}

.course{
  background-color:#FFF; 
  padding: 25px; 
  padding-bottom: 120px; 
  position:relative; 
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 12px; 
  margin-bottom: 5%; 
  border: 2px solid #FFF; 
  transition:.7s border; 
}
.course.nopad{
  padding-bottom: 25px; 
}
.course .course-price{
  position:absolute;
  bottom: 25px;
  right: 25px;     
  background-color: #FCDCCB;
  font-weight: 900; 
  border-radius: 100%;
  height: 80px;
  width: 80px;
  text-align:center;
  line-height: 16px; 
  color: #20355D;
} 
.course .course-price img{
  max-height: 30px;
  max-width: 30px; 
  vertical-align: middle;
}
.course .course-price span{
  font-weight:400;
  font-size: 10px; 
  line-height: 10px; 
  display:block;
}


.blue{
  background-color:#20355D;
}


.testimonial-item{
  width:100%;
}

.testimonial{
  color: #20355D;
  font-weight:600;
}
.testimonial-name{
  color: #ED6C25;
  font-size: 14px; 
  margin-bottom:0;
}
.testimonial-title{
  font-size: 14px; 
  font-weight: 400;
}

.label{
  color: #FFF;
  margin-top: 15px; 
  font-size: 14px; 
}

.input{
  width:100%;
  border: 1px solid #FFF; 
  padding: 10px; 
  background-color:#FFF;
  border-radius: 3px; 
}

.terms{
  border: 1px solid #FFF; 
  padding: 10px;
  font-size: 11px;  
  line-height: 13px; 
  height: 175px;
  overflow:auto; 
}

.desktop-p{
  display:block;
  margin-bottom: 10px; 
}