/*  ###################### pro bono challenge - aw ############################ */

.blue {
    color: #188ed6;
}

.pro {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.step a {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    font-family: Roboto, Helvetica, Arial, sans-serif;
  
}


.step1 {
    background-color: #23bfb9;
    /*background-color: #f99325;*/
    text-align: center;
}
.step1info {
    color: #23b0bf;
    font-weight:600;
    font-size: 24px;
}

.step2 {
    background-color: #23b0bf;
    /*background-color: #6daf27;*/
    text-align: center;
}

.step3{
     background-color: #239bbf;
    /*background-color: #188ed6;*/
    text-align: center;
}

.step4{
    background-color: #2387bf;
    /*background-color: #4eb9c1;*/
    text-align: center;
}


.step .number {
    font-size: 16px;
    font-weight: 400;
     text-align: center;
}

.intro {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #333333;
    font-weight:500;

}
.q {
    color: #333333;
    font-weight: 400;  
}

/*.q {
    color: #188ed6;
    font-weight: 300;
}*/

.profa {
    padding-top: 12px;
}

.probono {
    background-color: #f0f8fd;
}

.register {
    background-color: #def0fb;
}

 


/********************** Hover **************/

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

@media (max-width: 800px) {
    .container {
        padding: 15px;
        margin: 10px;
    }
}