@import "grid.css";
@import "application.css";
@import "font-awesome.min.css";
@import "queries.css";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Open+Sans:300,400,600,700,800');

/* font-family: 'Roboto', sans-serif; */

body,
html {
  height: 100%;
}

body {
  font-size  : 16px;
  color      : #222;
  font-family: 'Roboto Condensed', sans-serif;
  background : #FFF;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
}


h1,
h2,
h3 {
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}

h4,
h5 {
  font-weight: normal;
}

.page-wrapper{
  padding: 10px 0;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  
  width: 100%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.col-wrapper{
  display: table;
  width: 100%;
}

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

.col-wrapper .col:first-child{
  width: 60%;
  border-right: 1px solid #ddd;
}

.col-wrapper .col:last-child{
  width: 40%;
}

.col-wrapper .col .col-inner{
  padding: 25px;
}
.social-nav{
  margin: 30px 0;
}

.social-nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

.social-nav li{
  display: inline-block;
  margin: 0 3px;
}

.social-nav li a{
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.social-nav li.facebook a{
  background-color: #5773BC;
}

.social-nav li.twitter a{
  background-color: #3497DA;
}

.social-nav li.linkedin a{
  background-color: #1778BE;
}

.social-nav li.youtube a{
  background-color: #E74C3C;
}

.social-nav li a:hover{
  opacity: 0.7;
}



.contact-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.contact-list li{
  display: table;
  width: 100%;
  margin-bottom: 20px;
}



.contact-list li span{
  display: table-cell;
  width: 40px;
  vertical-align: top;
}

.contact-list li strong{
  display: table-cell;
  vertical-align: top;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: normal !important;
}