h2.smile{
  margin-bottom: 75px; 
}
h2.smile::after{
  width: 100px; 
  height: 100px; 
}


.container{
  width: 90%;
}

.header h1 img{
  height: 40px; 
}

.flex{
  flex-wrap:wrap;
}
.flex .half{
  width: 100%;
}

.flex .twothirds{
  width:100%;
}
.flex .twothirds-third{
  width: 100%; 
  padding:0; 
}

.mobilegone{
  display:none; 
}

.mobile-center{
  text-align:center;
}

.mobile-margined{
  margin: 20px 0;
}

.desktop-p{
  display:inline-block;
  margin:0 20px 0 0;
}

h2{
  font-size: 40px; 
  line-height: 45px; 
}

.button{
  display:block; 
  width: 100%;
  margin-bottom: 10px; 
}

.left-pad{
  padding:0;
}

.third.course{
  width: 100%; 
}

.padded{
  padding: 30px; 
}