$global-guttering:       24px;
$global-font-size-h1:    32px;
$global-font-size-h2:    24px;
$global-font-size-h3:    20px;
$global-font-size-h4:    18px;
$global-font-size-h5:    16px;
$global-font-size-h6:    14px;

/*=============================================
=            Generic styling                  =
=============================================*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}


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


html, body {
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #FFFFFF;
  background-color: #333;
  overflow-x: hidden;
}

label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

p { margin-top: 0; }

hr {
  display: block;
  margin: $global-guttering*1.25 0;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  height: 1px;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: $global-guttering/2;
  font-weight: 400;
  line-height: 1.2;
}

a, a:visited, a:focus {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
}

.form-control {
  display: block;
  width: 100%;
  background-color: #f9f9f9;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: $global-guttering;
}

h1, .h1 { font-size: $global-font-size-h1; }
h2, .h2 { font-size: $global-font-size-h2; }
h3, .h3 { font-size: $global-font-size-h3; }
h4, .h4 { font-size: $global-font-size-h4; }
h5, .h5 { font-size: $global-font-size-h5; }
h6, .h6 { font-size: $global-font-size-h6; }

.container {
  display: block;
  margin: auto;
  max-width: 40em;
  padding: $global-guttering*2;
  @media (max-width: 620px) { padding: 0; }
}

.section {
  background-color: #FFFFFF;
  padding: $global-guttering;
  color: #333;
  a, a:visited, a:focus { color: #00bcd4; }
}

.logo {
  display: block;
  margin-bottom: $global-guttering/2;
}

.logo__img {
  width: 100%;
  height: auto;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  padding: $global-guttering/4 0;
}

.visible-ie { display: none; }
.zero-bottom {  margin-bottom: 0; }
.zero-top {  margin-top: 0; }
.text-center { text-align: center; }

/*=====  End of Section comment block  ======*/