/* Globals */

* {outline: none}

html,
body {
  height: 100%;
  background-color: #ffffff;
  font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  font-size: 16px;

}

body {
  color: #000000;
}
#header {
  background: #3e4a50;
  padding: 50px;
  margin-bottom: 25px;
}
.image {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}
.image-label {
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background:url(../media/x.png) repeat;
  display: block;
}
.image-label-green {
  position:absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background:url(../media/y.png) repeat;
  display: block;
}
#footer {
  background: #d8dbdc;
  padding: 25px;
  margin-top: 25px;
}

/* Links */

a {
  color: #000000;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
a:focus,
a:hover {
  color: #00abaf;
  text-decoration: none;
}

/* General */

h1 {
	font-size:56px;
  font-weight: 400;
  color: #00abaf;
  line-height: 56px;
}

h2 {
	font-size:30px;
  font-weight: 400;
  color: #ffffff;
  line-height: 56px;
}

h3 {
  font-weight: 400;
  color: #ffffff;
  padding: 0 15px;
}

/* General */




@media (max-width: 768px) {
  
  h1 {
    font-size: 26px;
    line-height: inherit;
  }
  
  h2 {
    font-size: 16px;
    line-height: inherit;
  }
  
  .form-control {
    margin-bottom: 10px;
  }
  form {
  margin: 20px auto;
}
  html {
    height: auto;
  }
  img {
    margin-top: 20px;
  }
  
  .social-bar {
    margin-bottom: 20px;
  }
  #header {
    padding: 25px; 
  }
  .text-right {
    text-align: left;
  }
  #footer {
    padding: 25px 0px;
    font-size: 14px;
  }
  
}