html {
          font-size: 62.5%;
          line-height: 1.4em;
        }

        body {
          /*@include font-size($default-font-size); */
          font-size: 160%;
          /*we are using a percentage in order to fix a Chrome bug that sometimes increase text size using rems */
          line-height: 1.4em;
        }

        .mcm img {
            width: 30px;
            vertical-align: middle;
            margin: 0px 3px 0px 0px;
        }

        .mcm a {
            text-decoration: none;
            color: #2196f3;
        }

        .mcm a:hover {
            text-decoration: underline;
        }

        .mcm.div-table {
            margin: 0 0 3em 0;
            padding: 0;
            border-spacing: 0px;
            width: 100%;
	        font-size:16px;
	        font-size:1.6rem;
	        font-family:Arial, Helvetica, sans-serif;
	        color:#000;
            text-align: center;
        }

        .mcm .sticky {
            position: fixed;
            z-index: 500;
        }

        .mcm .div-table-col {
            box-sizing: border-box;
            flex-grow: 1;
            width: 100%;
            padding: 6px 8px;
            overflow: hidden;
            list-style: none;
            border: solid 2px #A48859;
            margin: -2px 0 0 -2px;
        }

        .mcm .div-table-col h1, .mcm .div-table-col h2, .mcm .div-table-col h3, .mcm .div-table-col h4, .mcm .div-table-col h5, .mcm .div-table-col h6 {
            margin: 0;
        }

        .mcm.div-table .div-table-col  { width: 10%; }
        .mcm.div-table .div-table-col.agenda, .mcm.div-table .div-table-col.packets, .mcm.div-table .div-table-col.minutes, .mcm.div-table .div-table-col.video  { text-align: center; }
        .mcm .date, .mcm .time, .mcm .meeting, .mcm .venue { width: 20% !important; }

        .mcm .dark {
            background-color: #ED2224;
            color: #fff;
            border-color: #464646;
        }

        .mcm .med {
            background-color: #CFD0D2;
            color: #000;
            font-weight: bold;
        }

        @media only screen and (max-width: 900px) {

            .mcm.div-table {
                display: block;
            }

            .mcm tr, .mcm tbody {
                display: block;
                width: 100%;
            }

            .mcm.div-table .div-table-col {
                width: 100% !important;
                padding-left: 50%;
                position: relative;
                display: block;
            }
	
	        .mcm.div-table .div-table-col.agenda, .mcm.div-table .div-table-col.packets, .mcm.div-table .div-table-col.minutes, .mcm.div-table .div-table-col.video  { text-align: left; }

            .mcm.div-table .div-table-col:before {
                position: absolute;
                left: 2%;
                top: 25%;
                border: none;
            }

            .mcm .div-table-col.end {
                margin-bottom: 40px;
            }

            .mcm .dark, .mcm thead {
                display: none;
            }

            .mcm .meeting:before { content:'Meeting '; }
            .mcm .venue:before { content:'Venue '; }
            .mcm .date:before { content:'Date '; }
            .mcm .time:before { content:'Time '; }
            .mcm .agenda:before { content:'Agenda '; }
            .mcm .packets:before { content:'Packet '; }
            .mcm .minutes:before { content:'Minutes '; }
            .mcm .video:before { content:'Video/Audio '; }
        }