*{

   padding: 0;

   margin: 0;

}

body{
  font-family: Comfortaa;
}

.white{
  color: #ffff;
}

.gray{
  color: #515f67;
}

.nav {
  background-color: #293137;
}

.menu{
  color: #ffff;
  padding-top: 40px;
}

.menu > li{
  font-size: 20px;
  padding: 0 10px 0 0;
}

header{
  background-image: url('../images/header.jpg');
  background-position: center center;
  height: 700px;
  width: 100%;
}

.header-title{
  background-color: #2f3539;
  color: #ffff;
  font-size: 65px;
  font-weight: bold;
  margin: auto;
  text-transform: uppercase;
  width: 700px;
}

.header-subtitle{
  background-color: #2b8bd2;
  color: #ffff;
  font-size: 30px;
  font-weight: 100;
  margin: 50px auto 0 auto;
  width: 450px;
}

.call-to-action{
  background-color: #e25b40;
  height: 230px;
  width:100%;
}

.section-title{
  margin: 0;
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
}

.intro > p{
  color: #ffff;
}

.intro{
  float: left;
  width: 50%;
}

.intro-right{
  float:left;
  width: 50%;
}

.column{
  float: left;
  width: 50%;
}

.column img{
  max-width: 80%;
  margin: auto;
}

.works{
  padding-top: 20px;
  padding-bottom: 20px;
}