/*
Theme Name: Barebones
Theme URI: https://benchmark.co.uk/barebones
Author: Benchmark Studios
Author URI: https://benchmark.co.uk/
Description: A lightweight and skeletal WordPress boilerplate theme for HTML5 and beyond
Version: 3.X
License: MIT
License URI: https://mit-license.org/
Text Domain: barebones
*/

body {
	font-family: 'Poppins', sans-serif;
	background: #3d3d3d;
	margin: 0;

}

header {
	padding-top: 25px;
}

header .container {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

h1 {
	color: #fff;
	background: #1e1e1e;
	padding: 25px;
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}

h2 {
	text-align: center;
	color: #fff;
	margin-top: 50px;
}

h2 a {
	text-decoration: none;
	color: #f5ba0e;
}

h2 a:hover{
	text-decoration: underline;
}

#about {
	background: #f5f5f5;
	width: 96%;
	max-width: 1200px;
	padding: 50px 75px;
	margin: 50px auto 0;
	box-sizing: border-box;
}

p {
	font-size: 18px;
	color: #3d3d3d;
	line-height: 1.5;
}

.container {
	max-width: 100%;
}

@media (max-width: 1360px) {
	header img {
		width: 90%;
		max-width: 680px;
	}
}

@media (max-width: 1000px) {
	header img {
		width: 90%;
		max-width: 680px;
	}
	
	h1 {
		font-size: 1.5em;
	}
	
	h2 {
		font-size: 1.25em;
	}
	
	#about {
		padding: 15px 25px;
		width: 94%;
	}
}

@media (max-width: 640px) {
	
	h1 {
		font-size: 1.25em;
		margin-bottom: 25px;
	}
	
	h2 {
		font-size: 1em;
		max-width: 98%;
		padding: 0 20px;
		margin-top: 25px;
	}
	
	
	p {
		font-size: .9em;
		color: #3d3d3d;
		line-height: 1.5;
	}
	
	#about {
		margin-top: 25px;
	}
}