.popup h1,
.popup h2,
.popup h3{color:#008000;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:normal;}
.popup h1{font-size:24px;}
.popup h2{font-size:1.5em;}
.popup h3{font-size:1.2em;}
.overlay{top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);opacity:0;position:fixed;cursor:default;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.overlay:target{visibility:visible;opacity:1;}
.popup{top:0;right:0;left:50%;font-size:14px;font-family:'Tahoma', Arial, sans-serif;z-index:10000;margin:0 auto;width:100%;min-width:320px;max-width:820px;position:fixed;padding:15px;border:1px solid #383838;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;background-color:#FFFFFF;-webkit-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-moz-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-ms-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-o-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-webkit-transform:translate(-50%, -150%);-ms-transform:translate(-50%, -150%);-o-transform:translate(-50%, -150%);transform:translate(-50%, -150%);-webkit-transition:transform 0.6s ease-out;-moz-transition:transform 0.6s ease-out;-ms-transition:transform 0.6s ease-out;-o-transition:transform 0.6s ease-out;transition:transform 0.6s ease-out;}
.overlay:target+.popup{top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.close{position:absolute;padding:0;top:-10px;right:-10px;width:22px;height:22px;border:2px solid #ccc;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:rgba(61, 61, 61, 0.8);-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;text-align:center;text-decoration:none;font-weight:bold;line-height:20px;-webkit-transition:background-color ease .7s;-moz-transition:background-color ease .7s;-ms-transition:background-color ease .7s;-o-transition:background-color ease .7s;transition:background-color ease .7s;}
.close:before{color:rgba(255, 255, 255, 0.9);content:'\2715';text-shadow:0 -1px rgba(0, 0, 0, 0.9);font-size:12px;}
.close:hover{background-color:rgba(252, 20, 0, 0.8);}
.popup p{margin:0;padding:10px;}
@media only screen and (min-width:768px) and (max-width:959px){.popup{width:95%;}
}
@media only screen and (min-width:320px) and (max-width:767px){.popup{width:85%;}
}
.popup img{display:block;border:none;width:100%;height:auto;}
.pic-left,
.pic-right{width:25%;height:auto;}
.pic-left{float:left;margin:5px 15px 5px 0;}
.pic-right{float:right;margin:5px 0 5px 15px;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,
.video object,
.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}