/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.contact-columns {
  width: 100%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-flow: row wrap;
}

.column {
  width: 100%;
  padding-top: 20px;
}

.column-one {
  margin-left: 0;
  order: 1;
}

.column-two {
  margin-left: 0;
  order: 2;
}

.column-three {
  display: block;
  order: 3;
}

.email, .email:hover,
.view-more, .view-more:hover{
  color: #6f6f6f;
  text-decoration: none;
}

.google-maps-wrapper {
  position: relative;
  margin-top: 50px;
  padding-top: 330px;
  height: 0;
  overflow: hidden;
}

#google-maps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 330px;
  pointer-events: none;
}

.footer-container {
  padding-bottom: 0 !important;
}

.contact-footer-container {
  border-bottom: 0;
  padding-top: 50px !important;
}

.footer-wrapper {
  background-color: #ee8218;
  margin-top: 50px;
}

.footer {
  height: 200px;
}

.footer-txt {
  position: relative;
  font-size: 30px;
  padding-top: 40px;
}

.footer-logo {
  background: url("../assets/images/logos/mindshare_logo_footer.png") no-repeat;
  background-size: contain;
  width: 182px;
  height: 30px;
  margin-top: 10px;
  cursor: pointer;
}

.social-icons-wrapper {
  padding-top: 2px;
  clear: both;
  position: relative;
  left: -12px;
}

.social-icons {
  display: inline-block;
  cursor: pointer;
  width: 33px;
  height: 33px;
  background-size: 100% 100%;
  margin-right: 10px;
  margin-left: 0;
  -webkit-transition: background-image 500ms ease-in 100ms; /* Safari, Chrome and Opera > 12.1 */
     -moz-transition: background-image 500ms ease-in 100ms; /* Firefox < 16 */
      -ms-transition: background-image 500ms ease-in 100ms; /* Internet Explorer */
       -o-transition: background-image 500ms ease-in 100ms; /* Opera < 12.1 */
          transition: background-image 500ms ease-in 100ms;
}

.facebook {
  background-image: url("../assets/images/icons/facebook.png");
}

.facebook:hover {
  background-image: url("../assets/images/icons/grey_facebook.png");
}

.twitter {
  background-image: url("../assets/images/icons/twitter.png");
}

.twitter:hover {
  background-image: url("../assets/images/icons/grey_twitter.png");
}

.linkedin {
  background-image: url("../assets/images/icons/linkedin.png");
}

.linkedin:hover {
  background-image: url("../assets/images/icons/grey_linkedin.png");
}

.copyright {
  font-size: 12px;
  color: rgb(250,197,145);
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .column {
    margin: 0 auto;
    text-align: left;
  }

  .column-one {
    width: auto;
    margin-left: 0;
  }

  .column-two {
    width: auto;
    margin: 0 auto;
  }

  .column-three {
    width: 33%;
    margin-right: 0;
  }

  .footer-logo {
    width: 256px;
    height: 42px;
    margin-top: 0;
  }

  .social-icons-wrapper {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    left: 0;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}