.social_footer {
  margin: auto;
  max-width: 165px;
  padding-top: 20px;
}
.social_footer .socicon span {
  margin: 2px 7px;
}
.main-footer p.copyright {
  margin: 25px 0 0;
}
.mailChimp form > .input-wrapper {
  float: left;
}
.mailChimp form > .button-wrapper {
  float: left;
  position: relative;
  right: 2px;
}
.mailChimp #subscribe {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  width: 38px;
  color: white;
}
.mailChimp #subscribe:hover {
  background-color: #FF5405;
}
.mailChimp #mail {
  border: 1px solid hsl(0, 0%, 0%);
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  font-size: 13px;
  height: 40px;
  position: relative;
  width: 173px;
  font-family: AvenirBook;
}

.mailChimp #subscribe i {
  display: block;
  position: relative;
  right: 7px;
}

.mailChimp input::-webkit-input-placeholder {
   color: hsl(0, 0%, 20%);
   opacity : 1;
}

.mailChimp input:-moz-placeholder { /* Firefox 18- */
   color: hsl(0, 0%, 20%);  
   opacity : 1;
}

.mailChimp input::-moz-placeholder {  /* Firefox 19+ */
   color: hsl(0, 0%, 20%); 
   opacity : 1;
}

.mailChimp input:-ms-input-placeholder {  
   color: hsl(0, 0%, 20%); 
   opacity : 1;
}
.hoverOuter {
  display: block;
  margin-top: 5px;
  position: relative;
  width: 143px;
}
.column-4 .hoverOuter {
  width: 153px;
}
.hoverOuter .justHover {
  background-color: hsl(183, 55%, 87%);
  border: 1px solid hsl(21, 76%, 60%);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  color: hsl(0, 0%, 20%);
  display: block;
  font-size: 12px;
  left: 0;
  line-height: 18px;
  margin: auto;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-top: 5px;
  position: absolute;
  right: 0;
  top: 8px;
  display: none;
}

.justHover .triangle {
  position: absolute;
  right: -12px;
  top: -15px;
  
}


@media all and (max-width: 767px){
 
  
  .hoverOuter{
    margin: auto;
     width: 180px;
  }
  .mailChimp {
  display: block;
  margin: auto;
  max-width: 239px;
  overflow: hidden;
}

.hoverOuter .justHover { 
  right: 21px;
  top: 12px;
  width: 147px;
}

  .column-4 .hoverOuter {
  width: 180px;
}

  .column-4 .hoverOuter .justHover {
  right: 14px;
  top: 12px;
  width: 147px;
}
  .mailChimp {
  padding-top: 7px;
}
  
}