/* Reset */
*{ box-sizing: border-box; }
body { padding: 0; margin: 0; }

/* Typography */
body {
	font-family: "Poppins", sans-serif;
	-webkit-font-smoothing:antialiased;
}

/* Responsive */
iframe { max-width: 100%; }

.site-header .wrap,
.content-sidebar-wrap,
.site-footer .wrap {
	padding: 0 5%;
}

.site-header {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 1rem 0;
	margin-bottom: 2rem;
}

article {
	margin-bottom: 2rem;
}

.site-footer {
	margin-top: 2rem;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 1rem 0;
	text-align: center;
}

@media only screen and (min-width:768px){
	.site-header .wrap,
	.content-sidebar-wrap,
	.site-footer .wrap {
		max-width: 768px;
		padding: 0;
		margin: auto;
	}
}

@media only screen and (min-width: 960px) {
	.site-header .wrap,
	.content-sidebar-wrap,
	.site-footer .wrap {
		max-width: 960px;
	}

	.d-flex {
		display: flex;
	}

	.d-col-6 {
		width: 50%;
	}
}