/* footer //////////*/

footer {
  width:100%;
  padding: 0 0 2em;
  margin-top:2em;
}

footer p {
  color:#333;
  margin: .5em 0;
  line-height: 1.44;
}

footer a {
  color:#21c1ff;
}

/* footer logo */

.footer--logo {
  padding:1em 8%;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.footer--logo img{
  width:165px;
  display:block;
  float:left;
  padding:1em 0;
}

.footer--logo p {
  width:50%;
  float:left;
  margin:1.6em 0;
  padding-left:.5em;
}

/* footer newsletter */

.newsletter--button {
  text-align:center;
  width:100%;
  max-width:400px;
  text-decoration:none;
  color:#fff;
  background-color:#21c1ff;
  padding:1em 0;
  display:block;
  transition:.1s background-color ease;
}

.newsletter--button:hover {
  background-color:#333;
}

/* footer contact */

.footer--contact {
  padding:2em 8%;
  border-bottom:1px solid #ddd;
}

.contact--links {
  display:none;
}

.contact--links a {
  text-decoration:none;
  border:1px solid #ddd;
  margin:0;
  padding:.5em 1em;
  display:inline-block;
  width:33.33%;
}

.footer--button {
  font-size:1.1em;
  padding:.25em .5em;
  border:1px solid #21c1ff;
  color:#000;
  text-decoration:none;
  display: inline-block;
}

.footer--button:nth-child(even) {
  border-left:0;
}

.footer--button:hover {
  color:#fff;
  background-color:#21c1ff;
}

/* footer social media */

.footer--social-media {
  padding:2em 8%;
  border-bottom:1px solid #ddd;
}

.social-media--links {
  width:100%;
  display:block;
  padding:0 0 1em;
}

.social-media--header {
  display:none;
}

.social-media--links a i {
  font-size:2em;
  padding:0 .1em;
}

.social-media--links i:hover {
  color:#333;
}

.social-media--links a:visited {
  color:#21c1ff;
}

.social-media--newsletter input[type="text"]{
  padding:1em;
  margin-right:.2em;
}

.social-media--newsletter input[type="submit"] {
  padding: 1em;
  background-color: #21c1ff;
  border: 1px solid #21c1ff;
  color: #fff;
}

/* footer links */

.footer--links {
  text-align:left;
  padding:2em 8% 1em;
}

.footer--links p {
  margin: .5em 0 1.5em;
}

.footer--links h3 {
  display:block;
  margin:0 0 .2em;
}

.footer--copy {
  padding:0 8%;
}

.footer--social-media input[type="text"]:focus {
  outline:none;
  background-color:#01abf0;
  color:#fff;
  padding:1.1em;
  border:1px solid #ccc;
}

.footer--social-media input[type="text"]:focus::-webkit-input-placeholder {
  color:#fff;
  letter-spacing:.02em;
}
.footer--social-media input[type="text"]:focus::-moz-placeholder {
  color:#fff;
  letter-spacing:.02em;
}
.footer--social-media input[type="text"]:focus::-ms-input-placeholder {
  color:#fff;
  letter-spacing:.02em;
}

@media(min-width:480px) {
  .footer--logo {
    padding:2em 8% 0;
    border-bottom:0;
  }
  .footer--contact {
    padding:0 8% 2em;
  }
}

@media(min-width:680px) {
  footer {    
    margin:0 auto;
  }
  
  .footer--container {
    max-width:1200px;
    margin:0 auto;
  }
  
  .footer--logo {
    padding:1.2em 4% 0;
    border-bottom:0;
  }
  
  .footer--logo p {
    width:auto;
  }
  
  .footer--contact {
    width:100%;
    padding-right:2em;
    padding-left:4%;
  }

  .footer--contact p {
    margin-left:.25em;
    display:inline;
  }
  
  .footer--contact p:first-child {
    display:block;
  }
  
  .footer--social-media {
    width:100%;
    border-bottom:0;
    padding:0 4.5%;
  }
  
  .footer--links h3 {
    display:block;
  }
  
  .social-media--links {
    width:50%;
    float:right;
    padding:.5em 2em;
  }
  
  .social-media--header {
    display:block;
  }
  
  .social-media--newsletter {
    width:50%;
    float:left;
    padding: .5em 0;
    border-right:1px solid #ddd;
  }
  
  .footer--links {
    width:100%;
    float:left;
    border-top:1px solid #ddd;
    border-bottom:0;
    padding:2em 4.5% 1em;
  }
  
  .footer--links h3 {
    display:inline;
    margin-right:.5em;
  }
  
  .footer--links h3:before {
    content:'';
    display:block;
  }
  
  .footer--links p {
    display:inline;
    margin-left:.5em;
  }
  
  .footer--copy {
    padding:0 4.5%;
  }
}

@media (min-width:980px) {
  /* footer */
  
  footer {
    max-width: 100%;
    border-top: 1px solid #ddd;
    padding: 0;
    margin:0 auto;
  }
  
  .footer--logo-container {
    width:32.33%;
    float:left;
    padding:1.2em 2% 0 2%;
  }
  
  .footer--logo {
    border-top:1px solid #ddd;
    width:100%;
    float:none;
    border-top:0;
    padding: 1em 0 0;
  }
  
  .footer--logo img {
    padding:0 .5em 0 0;
  }
  
  .footer--logo p {
    margin:.5em 0;
    padding-left:0;
  }

  .footer--contact {
    width:100%;
    float:none;
    padding:0 0 1em;
    border-bottom:0;
  }
  
  .footer--contact p {
    margin-left:.2em;
    display:block;
  }
  
  .footer--social-media {
    width:26.33%;
    border-top:0;
    float:right;
    padding:1em 1% 0 3%;
  }
  
  .social-media--newsletter {
    width:100%;
    float:none;
    border-right:0;
  }
  
  .social-media--newsletter input[type="text"] {
    margin-bottom:1em;
  }
  
  .social-media--links {
    width:100%;
    float:none;
    padding:.5em 0;
  }
  
  .footer--links {
    width:41.33%;
    float:left;
/*     padding:1em 4% 1em; */
    padding:1.5em 3%;
    border-top:0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
  }
  
  .footer--links h3 {
    display:block;
  }
  
  .footer--links p {
    margin-left:0;
    display:block;
    margin:0 0 .7em;
  }

  .footer--copy {
    width: auto;
    float: left;
    padding: 0 0 1em 3%;
/*     padding:0 0 2em; */
    text-align: left;
  }

}