html, body {
	background:url('../img/bg.jpg') center center no-repeat;
	background-size: cover;
	height: 100%;
}

@media(max-width:760px) {
	#logo img {
		width:80%;
	}
	#intro p {
	    margin-bottom: 15px;
	}
	#logo img {
	margin:20px 0px 5px 0px;
}

}

@media (min-width:321px)
	and (max-width:568px) {
		#logo img {
		width:60%;
	}
#intro p {
	    margin-bottom: 5px;
	}
		#logo img {
	margin:5px 0px 5px 0px;
}
}

#logo img {
	margin:20px 0px 10px 0px;
}

#intro p {
	color: #450600;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	margin-bottom: 20px;
}

#icons {
	text-align: center;
}
.card {

  min-width: 250px;
  max-width: 300px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 40%;
  margin: auto auto auto auto;
  	color: #450600;
	font-family: 'Open Sans', sans-serif;
	background-color:rgba(255, 255, 255, 0.8);
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card p {
    line-height: 10px;
}
.container-card {
    text-align: center;
    
}
.container-card h4 {
    margin-top: 15px;
}
#email-line {
    	font-size: 12px;

}

.footer {
   position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #f5f5f5;
}