body{font-family: 'Roboto', sans-serif; font-weight: 300;}

#wrapper{width: 100%; overflow: hidden; position: absolute}

header, footer, main {display: block; width: 100%; padding:0px; margin:0px;}

.container {margin: auto}

A, A:hover{text-decoration: none}

.space{height: 10px;}
.space-2{height: 20px;}
.space-3{height: 30px;}

.divider{margin: 13px 0;}
.divider-30{margin: 30px 0;}
.divider.colored{height: 1px; background: rgba(0,0,0,.12)}
.divider-30.colored{height: 1px; background: rgba(0,0,0,.12)}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-weight: 400;
    color: #212121;
    font-family: 'Oswald', sans-serif;
}

h1{font-size: 2.7rem}
h2{font-size: 2.1rem}
h3{font-size: 1.7rem}
h4{font-size: 1.4rem}
h5{font-size: 1.2rem}
h6{font-size: 1rem}

.h1{font-size: 2.7rem}
.h2{font-size: 2.1rem}
.h3{font-size: 1.7rem}
.h4{font-size: 1.4rem}
.h5{font-size: 1.2rem}
.h6{font-size: 1rem}

/**---------------------
		  *
		  * Pagination
		  *
		  *---------------------**/
.pagination {
    text-align: center;
    margin: 15px 0 0
}

.pagination a {
    display: inline-block;
    margin: 0;
    border-radius: 50%;
    color: #212121;
    min-width: 30px;
    min-height: 30px;
    line-height: 30px;
}

.pagination a.active {
    color: #FFF;
    background-color: #f82e56
}

/**---------------------
		  *
		  * Blog Item
		  *
		  *---------------------**/
.blog-item .preview {
    display: block;
    margin-bottom: 15px
}

.blog-item .subtitle{font-size: 1.2rem}
.blog-item .subtitle span{color:#ff0000;}