/*---------------------------------------------- Education Section ----------------------------------------------*/



.education-row {

  padding-bottom:20px;

}



.education-credential, .job-title {

  font-family: 'AirxonFont-Populaire', 'Amatic SC', sans-serif!important;

  border: none!important;

  font-weight: 300!important;

  line-height: 1.0em!important;

  padding-bottom: 0!important;

  text-shadow: none!important;

  font-size:3.0vh!important;

  letter-spacing: 1px;

}



.education-credential {

  color: #dd4435!important;

}



.education-school {

  font-family: 'AirxonFont-Peace', 'Bowlby One', 'Arial Black', Impact, sans-serif!important;

  border: none;

  color: inherit;

  line-height: 1.0em;

  text-transform: uppercase;

  font-size: 1.8vh;

  margin-bottom: 1vh;

  display: inline-block;

  font-weight: 300!important;

}



.experience-education {

  width:40%;

}



.experience-illustration {

  width:60%;

  text-align: center;

}



img.illustration-education {

    height: 75vh;

    max-height: 700px;

}



.education-item:first-child {

  border-top:0px!important;

}



.education-item {

  border-top:1px solid rgba(0,0,0,0.2);

  padding:2vh 0px;

}



.education-item:last-child {

  border-bottom:0px!important;

}



/*---------------------------------------------- Section Responsive ----------------------------------------------*/



@media screen and (min-width: 1501px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1500px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1450px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1200px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1120px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 1170px) {

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 769px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 768px) {

  img.illustration-education {

    height: 60vh;

  }

}



@media screen and (max-width: 540px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 498px) {

/*---------- Insert Style -----------*/

}