.contactinfo {
	margin: 15px 0 15px 0;
}

/* Should be just using the btn class but will need to rework the javascript first */
.contactinfo .button {
    border: 3px solid #d72121;
  color: #fff;
  background-color: #d72121;
  font-family: inherit;
  cursor: pointer;
  padding: 10px 15px;
  display: inline-block;
  text-transform: uppercase;
  outline: none;
  transition: all 0.3s ease-in;
  line-height: 1.4em;
  font-size: .9em;
  text-decoration: none;
  height: 46px;
  font-family: "CopernicusBook",sans-serif;
}

.button:hover, .button:focus {
  color: #d72121;
  background-color: #fff;
}

.btn:focus {
  outline: 1px solid #000;
  outline-color: #000;
  box-shadow: 0 0 10px #000;
}

.contactinfo p{
    font-size:0.8rem;
    margin-bottom:1px;
    
}

.contactinfo .info {
	padding: 10px 0px 10px 10px;
	border: 1px solid #CCC;
	font-size:0.8rem;
	background:#EEE;
}

.contactinfo .info h3{
	display:none;
	
}

.contactinfo .info .logo img {
    margin: 0 0 20px 0;
    max-width: 95%;
}

@media (min-width: 40em) {
	
		.contactinfo .info{
			background:none;
		}
		
		.contactinfo .info h3{
			display:block;
			margin-bottom:0px;
			font-size:1.2rem;
		}
		
		
		
	}