/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
----------------------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*  Essential
----------------------------------------------------- */
sup {
	top: -0.5em;
	position: relative;
	font-size: 70%;
	line-height: 0;
	vertical-align: baseline;
}
strong, b {
	font-weight: bold;
}
em {
	font-style: italic;
}
p {
	margin-bottom: 1.875em;
}
ul:before, ul:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
ul:after, .clearfix:after {
	clear: both;
}
.small, small {
	font-size: 0.875rem;
	line-height: 140%;
}
.lead {
	font-size: 1.133rem;
	line-height: 150%;
}
.img-full {
	max-width: 100%;
	height: auto;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-center {
	text-align: center;
}
.float-right {
	float: right;
}


/*  Spacing
5rem > 80px;
3.125rem > 50px;
1.875em > 32px
1.125rem > 20px;
----------------------------------------------------- */
.px-big { padding-left: 5rem; padding-right: 5rem; }
.py-big { padding-top: 5rem; padding-bottom: 5rem; }
.pt-big { padding-top: 5rem; }
.pb-big { padding-bottom: 5rem; }
.pl-big { padding-left: 5rem; }
.pr-big { padding-right: 5rem; }
.px-medium { padding-left: 3.125rem; padding-right: 3.125rem; }
.py-medium { padding-top: 3.125rem; padding-bottom: 3.125rem; }
.pt-medium { padding-top: 3.125rem; }
.pb-medium { padding-bottom: 3.125rem; }
.pl-medium { padding-left: 3.125rem; }
.pr-medium { padding-right: 3.125rem; }
.px-regular { padding-left: 1.875rem; padding-right: 1.875rem; }
.py-regular { padding-top: 1.875rem; padding-bottom: 1.875rem; }
.pt-regular { padding-top: 1.875rem; }
.pb-regular { padding-bottom: 1.875rem; }
.pl-regular { padding-left: 1.875rem; }
.pr-regular { padding-right: 1.875rem; }
.px-small { padding-left: 1.125rem; padding-right: 1.125rem; }
.py-small{ padding-top: 1.125rem; padding-bottom: 1.125rem; }
.pt-small { padding-top: 1.125rem; }
.pb-small { padding-bottom: 1.125rem; }
.pl-small { padding-left: 1.125rem; }
.pr-small { padding-right: 1.125rem; }
.pb-0 { padding-bottom: 0; }
.pt-0 { padding-top: 0; }

.mx-big { margin-left: 5rem; margin-right: 5rem; }
.my-big { margin-top: 5rem; margin-bottom: 5rem; }
.mt-big { margin-top: 5rem; }
.mb-big { margin-bottom: 5rem; }
.ml-big { margin-left: 5rem; }
.mr-big { margin-right: 5rem; }
.mx-medium { margin-left: 3.125rem; margin-right: 3.125rem; }
.my-medium { margin-top: 3.125rem; margin-bottom: 3.125rem; }
.mt-medium { margin-top: 3.125rem; }
.mb-medium { margin-bottom: 3.125rem; }
.ml-medium { margin-left: 3.125rem; }
.mr-medium { margin-right: 3.125rem; }
.mx-regular { margin-left: 1.875rem; margin-right: 1.875rem; }
.my-regular { margin-top: 1.875rem; margin-bottom: 1.875rem; }
.mt-regular { margin-top: 1.875rem; }
.mb-regular { margin-bottom: 1.875rem; }
.ml-regular { margin-left: 1.875rem; }
.mr-regular { margin-right: 1.875rem; }
.mx-small { margin-left: 1.125rem; margin-right: 1.125rem; }
.my-small{ margin-top: 1.125rem; margin-bottom: 1.125rem; }
.mt-small { margin-top: 1.125rem; }
.mb-small { margin-bottom: 1.125rem; }
.ml-small { margin-left: 1.125rem; }
.mr-small { margin-right: 1.125rem; }
.mb-0 { margin-bottom: 0; }
.mt-0 { margin-top: 0; }


/* Display
----------------------------------------------------- */
.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-none { display: none; }


/* Flex item
----------------------------------------------------- */
.d-flex.flex-align-end {
	align-items: flex-end;
}
.d-flex.flex-align-start {
	align-items: flex-start;
}
.d-flex.flex-align-center {
	align-items: center;
}
.d-flex.flex-justify-between {
	justify-content: space-between;
}
.d-flex.flex-justify-around {
	justify-content: space-around;
}
.d-flex.flex-justify-center {
	justify-content: center;
}
.d-flex.flex-justify-end {
	justify-content: flex-end;
}


/* Header
----------------------------------------------------- */
h1 {
	font-size: 3.625rem;
	line-height: 110%;
}
h2 {

}
h3 {
	font-size: 2rem;
	line-height: 140%;
}
h4 {
	font-size: 1.375rem;
	line-height: 140%;
}


/* Container
----------------------------------------------------- */
.container-center {
	margin-left: auto;
	margin-right: auto;
}
.container-big {
	max-width: 960px;
}
.container-medium {
	max-width: 720px;
}
.container-small {
	max-width: 640px;
}


/* Background color
----------------------------------------------------- */
.bg-primary {  background-color: #FAF8F6; color: #555 }
.bg-secondary { background-color: #557B94; color: #fff }
.bg-tertiary { background-color: #F4F0EC; color: #555; }


/* Text Color
----------------------------------------------------- */
.color-black { color: #222 }
.color-white { color: #ffffff; }
.color-secondary { color: #E1140A; }


/* List group
----------------------------------------------------- */
ul.list-empty {
	list-style-type: none;
}
ul.list-square {
	list-style-type: square;
	margin-left: 24px;
}
ul.list-disc {
	list-style-type: disc;
	margin-left: 24px;
}


/* Forms
----------------------------------------------------- */
input,
select,
textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid rgba(0,0,0, 0.2);
    border-radius: 2px;
    font-size: 1em;
    color: #222;
    font-family: inherit;
}