.large-7{
            width: 14.28571428571429%;
        }
        .medium-7{
            width: 14.28571428571429%;
        }
        .small-7{
            width: 14.28571428571429%;
        }
        .offset-1{
            margin-left: 14.28571428571429%;
        }
        .offset-2{
            margin-left:28.57142857142858%;
        }
        .offset-3{
            margin-left: 42.85714285714287%;
        }
        .offset-4{
            margin-left: 57.14285714285716%;
        }
        .offset-5{
            margin-left:71.42857142857145%;
        }
        .offset-6{
            margin-left:85.71428571428574%;
        }

        .daytitle{
            width:100%;
            height: 35px;
            padding-left: 5px;
            padding-top: 3px;
            background-color: #d0d0d0;
        }

        .dayactive{
            width:100%;
            height: 35px;
            padding-left: 5px;
            padding-top: 3px;
            background-color: #acacac;
        }

        #calendar_markup>.columns{
            padding: 2px;
        }

        .yfEvent{
            margin: 3px;
            background-color: #5eaec8;
            font-weight: bold;
        }

        .branhamEvent{
            margin: 3px;
            background-color: #64a063;
            font-weight: bold;
        }

        .creationsEvent{
            margin: 3px;
            background-color: #ff6a00;
            font-weight: bold;
        }
        .weekday{
            width: 100%;
            height: 30px;
            background-color: #fff;
            padding-top: 8px;
            padding-left: 5px;
            border-bottom: solid #000 4px;
        }

        .month{
            text-align: center;
            font-size: 17pt;
        }

        .nextMonth{
            text-align: right;
            font-size: 12pt;
            font-family: 'Segoe UI Light','Segoe UI','Helvetica Neue Light','Helvetica Neue',Helvetica,Verdana,sans-serif;
            font-weight: 400;
            min-height: 50px;

        }

        .previousMonth{
            text-align: left;
            font-size: 12pt;
            font-family: 'Segoe UI Light','Segoe UI','Helvetica Neue Light','Helvetica Neue',Helvetica,Verdana,sans-serif;
            font-weight: 400;
            min-height: 50px;

        }
        
@media only screen and (max-width: 950px){
    .nextMonth{
        min-height: 55px;
    }

    .previousMonth{ 
        min-height: 55px;
    }
            
    .month {
        font-size: 17pt;
    }    
}

@media only screen and (max-width: 840px){
    .month{
        font-size: 16pt;
    }
}

@media only screen and (max-width: 800px){
    .month{
        font-size: 14pt;
    }
    
    .weekday{
       padding-left: 2px;
    }
}

@media only screen and (max-width: 710px){
    .month{
        font-size: 12pt;
    }
}

@media only screen and (max-width: 641px){
    .month{
        font-size: 18pt;
    }
}