html,
body {
	margin: 0;
	padding: 0;
	font-family: "Montserrat", Helvetica, sans-serif;
	color: #333
}

html {
	font-size: 62.5%
}

*, :after, :before {
	box-sizing: border-box
}

h1,h2,h3,h4,h5,h6,p,ol,ul {
	margin: 0;
}

h2,h3,h4,h5,h6 {
	margin-bottom: 12px;
	line-height: 1.2
}

h1 {
	margin-bottom: 0;
	font-size: 2.4rem
}

h2 {
	font-size: 2rem;
	color: #0075a3
}

p {
	margin-bottom: 2.4rem;
}

p, li {
	font-size: 1.6rem;
	line-height: 1.5
}

p:last-of-type,
li:last-child {
	margin-bottom: 0
}

li code {
	display: inline-block;
	padding: 0 3px;
	letter-spacing: 1px;
	background-color: #f2f2f2;
	border-radius: 4px;
}

.inner {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	margin: 0 auto;
	max-width: 1200px
}

.center {
	margin: 0 auto;
	text-align: center
}

header .inner,
content .inner {
	padding: 3rem
}

header .inner {
	gap: 1.5rem
}

header li {
	margin-bottom: 6px;
}

.logo {
	max-width: 25rem
}

.browser {
	position: relative;
	padding: 3rem 3rem 0;
	background-color: #ccc
}

.browser:after {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f7f7f+50,7f7f7f+100&0+50,0.35+100 */
	background: linear-gradient(to bottom,  rgba(127,127,127,0) 50%,rgba(127,127,127,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.browser img {
	display: block
}

.margin-top-30 {
	margin-top: 3rem
}

.padded-30 {
	padding: 3rem
}

.gray-bg {
	background-color: #f7f7f7;
	border: 1px solid #b3b3b3;
	border-radius: 1rem
}

footer .inner {
	padding: 3rem;
}

@media only screen and (min-width: 800px) {
	h1 {
		font-size: 3.6rem
	}
	
	h2 {
		font-size: 2.4rem
	}
	
	content .inner {
		flex-direction: row
	}
	
	content .inner .column {
		width: 50%
	}
}

@media only screen and (min-width: 1200px) {
	h1 {
		font-size: 4.8rem
	}
	
	h2 {
		font-size: 3rem;
	}
	
	p {
		margin-bottom: 2.7rem;
	}
	
	p, li {
		font-size: 1.8rem;
	}
}

@media only screen and (min-width: 1280px) {
	header .inner {
		padding: 3rem 0
	}
	
	content .inner {
		padding: 0 0 3rem
	}
}