@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

body {
	padding:0;
	margin:0;
	background-color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
p {
	margin:0;
	padding:0;
}
header {
	display:flex;
	flex-direction:column;
}
.hellobar {
    padding: 2px 0px;
    color: #757575;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}
.header {
	padding:20px 0px;
	background-color:#024a83;
	color:#fff;
}
.navbar {
	display:flex;
	justify-content:space-between;
}
.logo {
	font-size:21px;
}
.mobile-menu {
	font-size:16px;
}
.wrapper {
	padding:0px 15px;
	max-width:1070px;
	margin:0 auto;
}
.main {
	display:flex;
	flex-direction:column;
	padding:20px 0px;
}
.content {
	width:100%;
	max-width:730px;
}
.sidebar {
	width:100%;
}
h1.article-title {
    font-size: 34px;
    line-height: 38px;
	font-weight:bold;
    font-family:'Roboto', Helvetica, Arial, sans-serif;
}
h3.article-sub {
    padding: 15px 0px;
    font-size: 20px;
    line-height: 24px;
}
.meta {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 15px;
	display:flex;
	align-items:center;
}
.meta-info {
	display:none;
}
.caption {
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    color: #6D6C6C;
    font-size: 15px;
    line-height: 20px;
}
.entry {
	padding:30px 0px;
}
.entry p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px
}
img.article-img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 3px 11px -5px #000;
}
.entry p.starter {
    font-weight: bold;
    font-size: 22px;
}
ul.stars {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	color:orange;
	font-size:20px;
}
.byline {
	display:flex;
	align-items: center;
	padding-left:20px;
}
.byline img {
	height:35px;
	width:35px;
	border-radius:50%;
}
.byline span {
	padding-left:10px;
}
.entry h2 {
    font-size: 28px;
    line-height: 36px;
	margin-bottom:25px;
	font-weight:Bold;
	font-family:'Roboto', Helvetica, Arial, sans-serif;
}
.breadcrumbs {
	font-size:14px;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	margin-bottom:20px;
	color:#52b68b;
}
.callout {
	font-size:14px;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	padding:10px;
	margin-bottom:10px;
	background-color:#e2f6fd;
	border-radius:5px;
	color:#666
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* Large devices (laptops and desktops, 992px and up) */
@media (min-width: 992px) {
	.main {
		padding:40px 0px;
		flex-direction:row;
		justify-content:space-between;
	}
	h1.article-title {
		font-size: 46px;
		line-height: 50px;
	}
	.meta-info {
		display:block;
		margin-left:auto;
		color:#6D6C6C;
	}
	.sidebar {
		max-width:300px;
	}
	.callout {
		font-size:16px;
	}
}