/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
 @import url(http://weloveiconfonts.com/api/?family=zocial);
 /* Zocial icons*/
 [class*="zocial-"]:before {
  color: black;
  display: inline-block;
  font-family: 'zocial', sans-serif;
  text-shadow: 3px 3px 3px #aaa;
  width: 2em;

}
header {
  padding: 154px 0 100px;
  min-height: 100; /*makes section full screen*/
  clear:both; 
  height:inherit; 
  width:inherit;
}
@media (min-width: 992px) {
  header {
    padding: 156px 0 100px;
  }
}
section {
  padding: 150px 0;
}

#musicnote {
  max-width: 40%;
  border-radius: 3%;
}
/*about*/
#about {
  text-align: justify;
  text-justify: inter-word;
}

/*about picture*/
.apic {
 border-radius: 15%;
 border-style: solid;
 border-color: black;
 border-width: 1px;
 padding: 3px;
 background-color: gray;
}

.primary {
  background-color: #616161;
}

a {
  color: gray;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

html,
body {
  margin: 0;
  height: 100%;
  min-height: 100%;
  padding-top: 2%;
  padding-bottom: 2%;
}

#pagetop {
  display: flex;
  flex-direction: column;
}
header,
footer {
  flex: none;
}

main {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  flex: auto;
}
/*Group Lesson Picture*/

#churchpix {
  max-width: 400px;
  padding: 5px;
  border: solid 1px #CCC;
  box-shadow: 1px 1px 5px #999;
  margin-top: 10%;
  margin-bottom: 40%;
}
#group {
  margin-top: 100px;
  margin-bottom: 150px;
}
#glfooter {
  margin-top: 500px;
}

/*Voice and Piano*/
#pianopix {
  max-width: 500px;
  padding: 5px;
  border: solid 1px #CCC;
  box-shadow: 1px 1px 5px #999;
  margin-top: 10%;
  margin-bottom: 40%;
}
#vp {
  margin-top: 150px;
  margin-bottom: 200px;
  }

#gl-rightcolumn {
  display: flex;
  justify-content: space-around;
  display: -webkit-flex; /* Safari */
  -webkit-justify-content: space-around; /* Safari 6.1+ */
}

#pianopix:hover {
  border: solid 1px #CCC;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999;
}
/*speech coaching*/
#speechcoaching {
  margin-bottom: 150px;
  margin-top: 150px;
}

/*voice coaching*/
#voicecoaching {
  margin-top: 100px;
}
/*group lesson*/
#group {
  margin-top: 100px;

}
/*Lesson Picture*/
#l-pic{
  max-width: 300px;
  padding: 5px;
  border: solid 1px #CCC;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999;
  display: block;
  margin: auto;
}

#l-left {
  /*border-style: solid;*/
  text-align: center;
  /*padding-left: 15%;*/
  padding-top: 3%;

}
#l-right {
  /*border-style: solid;*/
  display: block;
  margin: auto;
  /*padding-left: 5%;*/
  /*padding-top: 1%;*/
}

/*Testimonials section*/
#testimonials {
  color: black;
  background-color: #DCDCDC!important;
  text-align: auto;

}
#contact-form {
    padding: 15px;
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 10px #999;
    -webkit-box-shadow: 1px 1px 10px #999;
    box-shadow: 1px 1px 10px #999;
  }
  
  #contactme {
    text-align: justify;
    margin-bottom: 5%;
  }

  

#group, #speech, #vp, #speechcoaching {/*making page full to push footer down*/
  height: 100%;
}

.pl-paragraph {
  /*border-style: solid;*/
  text-align: justify;
}
#c_btn {
  background-color: red;
}