/* your styles go here */

.modal{
    padding-top: 1%;
    overflow-y: auto;
}

#page1{
    text-shadow: .4em .4em .5em #222;
}

.box:hover{
    box-shadow: 0px 0px 8px #559977;
}


@media (min-width: 768px) {
  .modal-sl {
    width: 70%;
   max-width:1200px;
  }
}

.icon{
    height: 40px;
    width: 40px;
    border-radius: 35px;
    padding: 2px;
}

.ravel-icon{
    margin-top: -7px;
    background-color: #c2ebb1;
}

.icon, .fa{
    margin: 5px;
}
.social{
    text-align: center;
}

.credit{
    font-size: 85%;
}
.notes{
    font-size: 90%;
}
#ICWCnote{
    margin-top: 4%;
    color: #000;
    font-size: 109%;
    font-weight: 600;
}
#workHeading{
    margin-top: -5%;
}

.jobTitle{
    font-size: 105%;
    font-weight: 700;
}

.proj{
    
}