.icon-div img {
     border-radius: 50%;
}
 .icon-div img:hover, .icon-div img:active, .icon-div img:focus {
     -moz-box-shadow: 0 0 15px #333;
     -webkit-box-shadow: 0 0 15px #333;
     box-shadow: 0 0 15px #333;
}
 .icon-div {
     margin-top: 1rem;
     flex-grow: 1;
}
 .schedule-box-wrapper {
    width: 100%;
}
 .flex-div {
     display: flex;
     margin-top: 5%;
}
.event-col {padding: 0 .75rem !important;}

 .schedulebox {
     width: 100%;
     background-color: maroon;
     padding: 2% 2% 4% 2%;
     border-bottom: 5px solid gold;
     box-shadow: -10px 10px 8px #888888;
     margin-top: 0;
}
 .schedulebox:hover {
     background-color: #bb0000;
}
 .scheduletext {
     font-size:.8125rem;
     color: white;
     text-align: center;
     padding: 0;
     margin: 0 auto;
     width: 96%;
}
 .schedulebox ul {
     color: white;
}
 .schedulebox ul li {
     list-style: none;
     font-size: .8125rem;
     line-height: unset;
     margin-bottom: unset;
}
 .user-markup .schedulebox ul li:last-child {
    margin-bottom: 0 
    /*.5rem*/
    ;
}
 .user-markup .schedulebox ul li:first-child {
    margin-top: 0 
    /*.5rem*/
    ;
}
 .user-markup .schedulebox ul li {
    margin: .125rem 0;
}
 .schedulebox ul li:before {
    /* Unicode bullet symbol */
     content: '\2022 ';
    /* Bullet color */
     color: white;
     padding-right: 0.5em;
}
 .schedule-title {
     text-align: center;
     color: white;
     font-size: 1.25rem;
     line-height: 1.5;
     margin-top: 3%;
}
 .schedulebox.right {
     margin-right: 0;
}
 .schedulebox.left {
     margin-right: 5%;
}
 @media only screen and (max-width: 720px) {
     .schedulebox {
         width: 100% !important;
    }
     .flex-div {
         display: block;
    }
     .schedulebox.right {
         margin-right: 0;
    }
     .schedulebox.left {
         margin-left: 0;
    }
     .schedule-title {
         padding-top: 5%;
    }
}