/* ==========================================================================
Typography
========================================================================== */


h1, .h1, h2, .h2, h3, .h3, h4, .h4,
.menu-desktop nav,
.submenu-panel li:first-child,
.footer-nav li:first-child,
label,
.submit,
strong,
.detail-label,
.bold {
	font-family: Arial, sans-serif;
	font-style:normal;
  font-weight:normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	margin: 0;
  padding: 0;
}

h1, .h1 {
  font-size:24px;
  margin-bottom:0.8em;
  line-height:1.1;
}

h2, .h2 {
  font-size:18px;
  margin-bottom:0.5em;
  line-height:1.2;
}

h3, .h3,
h4, .h4 {
  font-size:13px;
  line-height:1.4;
}



/* ==========================================================================
Colors
========================================================================== */
/* blue */
h1, .h1,
.logo-claim,
.active,
a:focus, a:hover,
.teaser a:hover .title {
	color:rgba(192,80,77,1);
	fill:rgba(192,80,77,1);
}
.article-separator:before {
	background-color: #64b9e9;
}
.menu-desktop,
input:not(.submit),
textarea {
	background-color:#e0f1fb;
}

/* grey */
body,
.teaser .title,
.submit:hover {
	color: #000;
}
.footer-legal,
.submit,
.icon,
.icon-link:hover .icon.burger,
.tab {
	background-color: #2a323b;
}
.footer,
input:not(.submit):focus,
textarea:focus {
	background-color:#dfdfdf;
}

/* white */
.footer-legal,
.submit {
	color:#ffffff;
}
body,
.submit:hover,
.icon-link:hover .icon,
.icon-link:hover .tab {
	background-color:#ffffff;
}


/* ==========================================================================
General
========================================================================== */

body {
  font-family: Arial, sans-serif;
  font-size: 40px;
  line-height:1.4;
  min-width: 320px;
  margin:auto;
}

a {
	color:inherit;
  text-decoration: none;
  display:inline-block;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}

a:focus, a:hover {
	text-decoration:none;
	outline:0;
}

button, input, select, textarea {
	font-family: Arial, sans-serif;
}

textarea {
  resize: none;
}

ul, li {
	margin:0;
	padding:0;
}

p {
	margin:0;
}

img {
	max-width:100%;
	height:auto;
}

.text-center {
	text-align:center;
}

.col-center {
	margin:0 auto;
	float:none;
}

.table {
	position:absolute;
	margin:0;
	display:table;
	height:100%;
}

.table-cell {
	display:table-cell;
	vertical-align:middle;
}



/* ==========================================================================
Header
========================================================================== */
.logo-wrapper {
	padding-left:15%;
}
.logo-wrapper a,
.socials a {
	vertical-align:middle;
}
.logo {
	width:35px;
	height:35px;
	display:inline-block;
}
.logo svg {
	display:block;
}

.socials {
	padding-right:15%;
}
.socials a {
	float:right;
	margin-left:10px;
}
.fa-facebook {
	font-size:30px;
}
.fa-envelope-o {
	font-size:36px;
}



/* ==========================================================================
Main
========================================================================== */
main {
	
}



/* ==========================================================================
Icons + Buttons
========================================================================== */




/* ==========================================================================
Footer
========================================================================== */



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

@media all and (max-width: 767px) and (orientation: landscape) {
	
}

@media all and (max-width: 767px) and (orientation: portrait) {
	
}