//out: style.css, sourcemap: true, compress: false
@desktop: ~"screen and (min width: 768px) and (max-width: 1200px)";
@tablet: ~"screen and (max-width: 768px) and (min-width: 480px)";
@mobile: ~"screen and (max-width: 480px)";

.main
{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.clearfix
{
  clear: both;
}
.navbar
{
  background: #1f2937;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.nav-logo
{
  float: left;
  padding: 0 20px;
  height: 50px;
  img
  {
    max-width: 100%;
    height: 100%;
    display: block;
  }
}
.nav-content
{
  list-style: none;
  float: right;
  padding-right: 10%;

  li
  {
    display: inline-block;
    &:hover
    {
      color: #fff;
      opacity: 0.2;
      transition-duration: 0.5s;
    }
    a
    {
      text-decoration: none;
      color: #dee4ec;
      font-size: 20px;
      padding: 0px 10px;
    }
  }
}
header
{
  height: 300px;
  text-align: center;
  font-size: 30px;
  color: black;
  background: #617da5;
  width: 100%;
}
.services
{
  background: #dee4ec;
}
.services-wrapper
{
  width: 50%;
  float: left;
  text-align: center;
  padding: 100px 0px;
}
.services-content
{
  padding: 0 15px;
  h1
  {
    font-size: 20px;
    padding: 15px;
  }
  p
  {
    font-size: 18px;
  }
  img
  {
    max-width: 100%;
    height: 100%;
    display: block;
  }
}
.foot
{
  width: 100%;
  background: #11161e;
  height: auto;
  clear: both;
}
.text-footer
{
  padding: 20px 20px;
  float: left;
  a
  {
    color: #ffffff;
    text-decoration: underline;
    padding: 0px 5px;
    font-size: 13px;
  }
}
.media-icons
{
  float: right;
  a
  {

  }
}