/* $fontColor: #838384; */
/* FastarTechniek */
footer {
  padding: 0;
  margin: 0;
  font-family: 'Rubik', sans-serif; }
  footer #top {
    background-color: #171717; }
    @media (max-width: 1023px) {
  footer #top {
    padding: 30px 10px 50px; } }
    footer #top .title {
      font-size: 12px;
      text-transform: uppercase;
      line-height: 38px;
      font-weight: bold;
      color: white;
      font-family: 'Montserrat', sans-serif; }
    footer #top ul {
      list-style: none; }
      footer #top ul li a {
        color: #e3e3e3;
        font-size: 14px;
        /* &:first-child {
					text-transform:uppercase;
					margin-bottom: 5px;
					font-weight: 800;
					color: white;
				} */
        line-height: 30px; }
        footer #top ul li a .fa {
          font-size: 22px;
          margin-right: 10px;
          color: white; }
    @media (max-width: 1023px) {
    footer #top .navigatie, footer #top .handige_links, footer #top .overig {
      margin-bottom: 25px; } }
    footer #top .nieuwsbrief p {
      color: #e3e3e3;
      line-height: 32px; }
      footer #top .nieuwsbrief input {
        border: 1px solid white;
        border-radius: 5px;
        width: 250px;
        padding: 8px 0;
        padding-left: 8px;
        margin: 5px 0;
        color: white;
        background-color: transparent;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none; }
        @media (max-width: 1023px) {
  footer #top .nieuwsbrief input {
    width: 100%; } }
      footer #top .nieuwsbrief .row {
        position: relative;
        width: 250px;
        margin-top: 15px; }
        @media (max-width: 1023px) {
  footer #top .nieuwsbrief .row {
    width: 100%; } }
        footer #top .nieuwsbrief .row button {
          position: absolute;
          right: 0;
          border-radius: 5px;
          background-color: #039;
          color: white;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 800;
          border: none;
          padding: 6px 15px;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none; }
  footer #bottom {
    background-color: #0f0f0f;
    height: 60px; }
    footer #bottom p {
      line-height: 60px;
      font-size: 12px; }
      @media (max-width: 1023px) {
  footer #bottom p {
    line-height: 30px; } }
      footer #bottom p a {
        color: white;
        text-decoration: none; }
        footer #bottom p a:hover {
          text-decoration: none; }
      footer #bottom p .logofooter {
        position: relative;
        top: 10px;
        width: 25px;
        height: 20px; }