#ecard-1, #ecard-2 {
	
	float:left;
	overflow: hidden;
}
#ecard-1 {
	width: 60%;
	/*background: brown;*/
}
#ecard-2 {
	width: 40%;
	height: 100%;
	padding: 0;
	/*background: tan;*/
}
#ecard-2 input[type="text"], #ecard-2 input[type="email"], #ecard-2 input[type="submit"], #ecard-2 textarea {
	width: 100%;
	margin: 0;
	min-height: 2rem;
	
}
#ecard-2 .grippie {
	width: calc(100% - 1rem);
}
@media only screen and (max-width: 800px) {
	#ecard-2 input[type="text"], #ecard-2 input[type="email"], #ecard-2 input[type="submit"], #ecard-2 textarea {
		width: calc(100% - 1rem);
	}
}
@media only screen and (min-width: 800px) {
	#ecard-2 .grippie {
		width: 100%;
	}
}

#ecard-2 input[type="submit"] {
	margin-top: 2rem;
}
#ecard-1 h2, #ecard-2 h2 {
	background: #f80;
	color: #FFF;
    padding: 0 24px;
    line-height: 60px;
    height: 60px;
    font-size: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    @media(min-width: 800px) {
    	font-size: 1.2rem;
    }
}
#ecard-1 h2 {
	background: #fff;
	color: #f80;
}
#ecard-1 .slick-slide {
	overflow: auto;
}
#ecard-form {
	margin: 1rem 0 1rem 1rem;
}
#ecard-menu {
	margin: 20px 0;
	margin-bottom: 40px;
	max-height: 250px;
}
#ecard-menu .slick-slide {
	overflow: visible;
	min-height: 100px;
}
.ecard-preview-img {
	box-shadow: 0 0 0 4px #E7E7E7;
	border-radius: 100%;
	cursor: pointer;
	margin: 5px auto;
	max-height: 180px;
	/*height: 100px;*/
	display: block;
	width: auto;
	height: auto;
	min-width: 80px;
	vertical-align: middle;
}
@media screen(max-width: 300px) {
	.ecard-preview-img {
		height: 80px;
		width: 80px;
		border: 3px dashed red;
	}
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* ecard message page */
.stage {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	overflow: auto;
}
#ecard {
	overflow: auto;
	width: 100%;
}
.ecard-image {
	
	width: auto;
	display: block;
	float: left;
	margin: 0;
}
.ecard-image img {
	/*height: 600px;*/
	width: auto;
}
.ecard-img {
	margin: 0 auto;
}
.ecard-panel {
	max-width: 500px;
	min-height: 600px;
	display:  block;
	float: left;
	padding: 20px 20px 20px 40px;
	
    text-align: left;
}
.ecard-panel p {
	color: #FFF;
}
.ecard-panel .to, .ecard-panel .from {
	font-weight: 800;
}
.ecard-panel h2 {
	font-size: 53px;
    color: #000;
    font-weight: 500;
}
.message-credits {
	color: #000;
	max-width: 330px;

}
.message-credits p {
	color: #000;
	font-size: 10px;
	line-height: 12px;
	margin: 0;
}
.image-desc {
	font-weight: bold;
}
.black-bar {
	display: inline-block;
	width: 80px;
	height: 3px;
	background: black;
	color:black;
}
.ecard-credits {
	font-size: 0.75rem;
	color: #ddd;
}
.ecard-img {
	margin-bottom: 1rem;
}
#ecard-menu .slick-dots li button:before {
	color: #efefef;
}
#ecard-menu .slick-dots li.slick-active button:before {
	color: #f80;
}
.ecard-message #card-1 img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 800px) {
	.ecard-image {
		width: 60%;
		height: auto;
	}
	.ecard-image img{
		margin: 0 auto;
	}
	.ecard-panel {
		width: 40%;
	}
}
.ecard-message #card2 {
	width: 40%;
}
.ecard-link {
	color: #f80;
}
.ecard-link:hover {
	text-decoration: underline;