@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');

.typography p{
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 19px;
}
.typography a{
    text-decoration: none;
}

.typography a:hover{
    color: #f2f2f2;
}

.typography hr{
    border: 1px solid #4D4D4D;
    border-width: 0 0 1px 0;
}

.typography h1{
    font-size: 31px;
    font-weight: 300;
    margin-bottom: 20px;
}
.typography h2{
    color: #999;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 20px;
}
.typography h3{
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}
.typography h4{
    color: #999;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 15px;
}
.typography h5{
    color: #999;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}
.typography h6{
    color: #999;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.typography img{
    max-width: 100%!important;
    height: auto;
}

.typography table{
    table-layout: fixed;
}

table.table2,
table.table3{
    max-width: 100%;
    display: block;
}

table.table2 tr,
table.table3 tr{
    display: block;
    overflow: hidden;
}

table.table2 td,
table.table3 td{
    float: left;
    width: 100%!important;
}

.typography ol ,
.typography ul {
    padding-left: 20px;
}
.typography ol {
    list-style-type: decimal;
}
.typography ul li {
    list-style-type: disc;
}
.typography li{
    margin-bottom: 10px;
}

.typography ol li p,
.typography ul li p{
    color: #999;
}

@media screen and (min-width: 768px){
    table.table2 td{
        width: 50%!important;
    }
    table.table3 td{
        width: 50%!important;
    }
}

@media screen and (min-width: 990px){
    table.table3 td{
        width: 33%!important;
    }
}