@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

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

h2 {
	text-align: left;
	line-height: 22px;
}

h3 {
	text-align: left;
}

.container a, #footer-logo p i {
    color: #2a979e !important;
}

.container a {
    text-decoration: none;
    color: #2a979e !important;
}

.pagination > div {
	width: auto;
}
.pagination a {
	color: #fff !important;
	padding:  0 20px;
	display: block;
	width: 100%;
	height: 100%;
}
.pagination a:hover {
	text-decoration: underline;
}

.cat a {
	color: #666 !important;
	font-weight: normal;
}

.post-header h1 a, .post-header h2 a, .post-header h1 {
	line-height: 40px;
}

.featured-area, .archive-box {
	margin-top: 0 !important;
}

.container {
	margin-top: 40px;
}

.header {
	border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 400px) {
	#menu-nieuw > li:first-child {
		display: none;
	}	
}

.menu-item-has-children > a:after {
	content: '';
	
	color: #a2a2a2;
    font-weight: normal;
    margin-left: 0.625rem;
    position: relative;
    top: 0.0625rem;
    opacity: 0.5;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f142";
}

.archive-box {
    background: #fff;
    text-align: right;
    border-bottom: 1px solid #fff;
    max-width: 940px;
    margin: 70px auto -20px;
    color: #060506;	
    position: relative;
}

.archive-box h1 {
    text-align: right;
    font-size: 1.875rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #060506;	
    text-transform: none;
    font-family: 'Roboto',sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
}

.archive-box span {
    text-align: right;
    margin-top: 0.625rem;
    min-height: 1.25rem;
    font-style: normal;
    color: #060506;	
    letter-spacing: 0;
    font-size: 16px;
    position: absolute;
    top: 60px;    
    right: 0;
    font-family: 'Roboto',sans-serif;
}

@media only screen and (max-width: 960px) and (min-width: 768px) {
.archive-box {
    width: 726px;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.archive-box {
    width: 480px;
}
}

@media only screen and (max-width: 767px) {
.archive-box {
    width: 300px;
}
}