/*Responsive styles */


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


} /* end Large devices (large desktops, 1200px and up) */




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


} /* end Large devices (large desktops, max 1200px ) */




/* Medium devices (desktops, 992px and up) incl IPAD HORIZONTAL */
@media (min-width: 992px) and (max-width: 1200px) {

.intro h1 { font-size:2.1em; line-height:1.3em; margin:100px 0 8px}
.intro h3 { font-size:1.3em; line-height:1.2em; margin:0 0 5px 0; }


.notice { 
	background:#000;
	background-image:none;
	width: 420px; 
	height:255px;
	display:block;
	padding:30px 20px 0 20px;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff;
	margin-top:110px;
	margin-left:30px 
	}



.notice img { margin-top:8px}
.notice p { width:100%;}

.notice p span {color:#ff9000; font-size:1.3em; font-weight:600; padding-bottom:8px}
.notice p .img-left { float:left; margin-right:10px; margin-top:-4px}
.notice p .img-left1 { float:left; margin-right:30px; margin-left:40px; margin-top:-4px}

.form { width:350px}

.subnav ul li a { display:block; margin:0 20px 15px 0; }

.ecards { margin:0 0; width:100%; margin-top:-20px}
.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}
	
.ecards ul li { margin:0 10px 30px 20px; text-align:center  }

} /* end Medium devices (desktops, 992px and up) */




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) { 

.intro h1 { font-size:2.1em; line-height:1.3em; margin:100px 0 8px}
.intro h3 { font-size:1.3em; line-height:1.2em; margin:0 0 5px 0; }


.notice { 
	background:#000;
	background-image:none;
	width: 320px; 
	height:300px;
	display:block;
	padding:30px 10px 0 10px;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff;
	margin-top:110px;
	margin-left:30px 
	}

.notice img { width:83px; margin-top:8px}
.notice p { width:100%;}

.notice p span {color:#ff9000; font-size:1.3em; font-weight:600; padding-bottom:8px}
.notice p .img-left { float:left; margin-right:10px; margin-top:-4px}
.notice p .img-left1 { float:left; margin-right:30px; margin-left:40px; margin-top:-4px}

.form { width:290px}

.subnav ul li a { display:block; margin:0 20px 15px 0; }

.ecards { margin:0 0; width:100%; margin-top:-20px}
.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}
	
.ecards ul li { margin:0 30px 30px 30px; text-align:center  }


} /* end Small devices (tablets, 768px and up) */




/* Extra small devices (Phones) incl IPAD VERTICAL */
/* Max Width 768px */
@media (max-width: 768px) {


.intro h1 { font-size:2.1em; line-height:1.3em; margin:100px 0 8px}
.intro h3 { font-size:1.3em; line-height:1.2em; margin:0 0 5px 0; }


.notice { 
	background:#000;
	background-image:none;
	width: 320px; 
	height:300px;
	display:block;
	padding:30px 10px 0 10px;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff;
	margin-top:110px;
	margin-left:30px 
	}

.notice img { width:83px; margin-top:8px}
.notice p { width:100%;}

.notice p span {color:#ff9000; font-size:1.3em; font-weight:600; padding-bottom:8px}
.notice p .img-left { float:left; margin-right:10px; margin-top:-4px}
.notice p .img-left1 { float:left; margin-right:30px; margin-left:40px; margin-top:-4px}

.form { width:290px}

.subnav ul li a { display:block; margin:0 20px 15px 0; }

.ecards { margin:0 0; width:100%; margin-top:-20px}
.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}
	
.ecards ul li { margin:0 30px 30px 30px; text-align:center  }



} /* end Extra small devices (Phones) Max Width 768px */




/* Small devices (iphone horiz ) */
@media (min-width: 321px) and (max-width: 767px) {

.form { margin-top:25px}

.subnav ul li {margin:0; padding:0; list-style:none; display:block; text-align:center; font-weight:600;}
.subnav ul li a { display:block; margin:0 0 15px 0; background-color:#ff9000;  }

.ecards { margin:0 0; width:100%; margin-top:-20px}

.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}
	
.ecards ul li { margin:0 0 30px 120px; text-align:center  }

}


/* Small devices (iphone 4 horiz ) */
@media (min-width: 321px) and (max-width: 485px)  { 

.form { margin-top:25px}

.subnav ul li {margin:0; padding:0; list-style:none; display:block; text-align:center; font-weight:600;}
.subnav ul li a { display:block; margin:0 0 15px 0; background-color:#ff9000;  }

.ecards ul li { margin:0 0 30px 90px; text-align:center  }

}

/* Max Width 320px MOBILE ONLY */
@media (max-width: 320px) {


.notice { 
	background:#000;
	background-image:none;
	width: 100%;
	margin:20px 0; 
	height:270px;
	display:block;
	padding:25px 10px 0 10px;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff; 
	}

.notice p { width:100%; color:#fff !important; text-align:center; padding-bottom:0; line-height:1.2em !important }
.notice p img { width:84px; height:auto}

.form { margin-top:25px}



.subnav ul li {margin:0; padding:0; list-style:none; display:block; text-align:center; font-weight:600;}
.subnav ul li a { display:block; margin:0 0 15px 0; background-color:#ff9000;  }


.ecards { margin:0 0; width:100%; margin-top:-20px}

.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}

.ecards ul li { margin:0 0px 30px 10px; }

.footerlinks { display:none}



} /* end Max Width 320px */



/* Small devices ( wide mobiles incl iphone 6 portrait ) ****************************************************************/

@media only screen 
and (min-width : 414px) and (max-width : 736px) {

.notice { 
	background:#000;
	background-image:none;
	width: 95%;
	margin:10px 0 0 15px !important; 
	height:220px;
	display:block;
	padding:25px 10px 0 10px;
	font-size:0.8em;
	line-height:1.2em;
	color:#fff; 
	}

.notice p { width:100%; color:#fff !important; text-align:center; padding-bottom:0; line-height:1.2em !important }
.notice p img { width:84px; height:auto}

.form { margin-top:25px; margin-left:15px !important; width:95% !important }

.subnav ul li {margin:0; padding:0; list-style:none; display:block; text-align:center; font-weight:600;}
.subnav ul li a { display:block; margin:0 0 15px 0; background-color:#ff9000;  }


.ecards { margin:0 0; width:100%; margin-top:-20px}

.ecards p { text-align:center; padding:10px 10px 20px 10px; width:100% !important;}	

.ecard-subheading {
	width:100%;
	line-height:1.3em
	}

.ecards ul li { margin:0 0px 30px -10px;  }

.footerlinks { display:none}

}