@import "elements/vars"
@import "../../mixins/mixins"



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption
	border: 0
	margin: 0
	outline: 0
	padding: 0
	vertical-align: baseline

ol,
ul
	list-style: none

img
	-ms-interpolation-mode: bicubic
	border: 0
	height: auto
	max-width: 100%
	vertical-align: middle

body
	font-family: 'GothamPro', sans-serif
	font-size: 18px
	font-weight: 400
	line-height: 1
	color: $text-color
	-webkit-font-smoothing: antialiased
	-moz-osx-font-smoothing: grayscale


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
	font-family: 'GothamPro', sans-serif
	font-weight: 700
	color: $text-color
	margin-top: 0
	margin-bottom: 0

h1, .h1
	font-size: 70px
	font-weight: 900

h2, .h2
	font-size: 38px
	font-weight: 900

h3, .h3
	font-size: 20px

.h1, .h2, .h3, .h4, .h5, .h6
	display: block

a
	color: inherit

a:hover, a:active, a:focus,
button:hover, button:active, button:focus
	outline: 0

abbr[title]
	text-decoration: none

b, strong
	font-weight: 700


.text-center
	text-align: center

.box-shadow

.box-border

.mb-30
	margin-bottom: 30px

.mb-45
	margin-bottom: 45px

.mb-100
	margin-bottom: 100px

.mt-100
	margin-top: 100px

.section
	padding: 100px 0

.section__header
	text-align: center

.section__lead
	margin-bottom: 100px

.section--gray
	background-color: #fafafa

.section--bg
	background-position: center center
	background-size: cover
	background-repeat: no-repeat