html, body, div, a, p, span, ul, li, table, tr, td, th, h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
}
.header {
	height: 50px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.logo-wrap { 
	padding: 3px 0 0 20px;
	float: left;
}
.logo-wrap img { width: 50px }
#search_form {
	padding: 6px 0 0 40px;
}
.card-view {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	padding: 30px 20px;
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.card-view-header {
	text-align: center;
}

.card-view-body {
	text-align: center;
}

.refresh {
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}
.refresh img {
	width: 36px;
    margin-right: 30px;
    margin-top: 10px;
}

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

	.card-view-header >span {
		font-size: 13px;
	}
}