#modal {
	  left: 50%;
	  margin: -250px 0 0 -32%;
	  opacity: 0;
	  position: absolute;
	  top: -50%;
	  visibility: hidden;
	  width: 65%;
	  box-shadow: 0 3px 7px rgba(0,0,0,.25);
	  box-sizing: border-box;
	  transition: all .4s ease-in-out;
	  -moz-transition: all .4s ease-in-out;
	  -webkit-transition: all .4s ease-in-out;
	  z-index:1
	}
	#modal:target {
	  opacity: 1;
	  top:30em;
	  visibility: visible
	}

/*Custom CSS styles for the modal content.*/
	#modal .header001, #modal .footer001 {
	  border-bottom: 1px solid #1ABC9C;
	  border-radius: 5px 5px 0 0
	}
	#modal .footer001 {
	  border: none;
	  border-top: 1px solid #e7e7e7;
	  border-radius: 0 0 5px 5px
	}
	#modal h3 {
	  margin: 0;
	  color: #fff
	}
	#modal .btn { float: right }
	#modal .copy, #modal .header001, #modal .footer001 {
	  padding: 10px;
	  color: #fff
	}
	.modal-content {
	  background: #34BC9D;
	  position: relative;
	  z-index: 20;
	  border-radius: 5px;
	  color: #fff
	}
	#modal .copy { background: #46CFB0 }
	#modal .overlay {
	  background-color: #000;
	  background: rgba(0,0,0,.8);
	  height: 100%;
	  left: 0;
	  position: fixed;
	  top: 0;
	  width: 100%;
	  z-index: 12
	}
	.copy a {
	  color: #fff;
	  text-decoration: none;
	  display: inline-block;
	  padding: 5px 10px;
	  border-radius: 5px;
	  background-color: #E74C3C;

	}
		.copy a:hover {
	  color: #333
	}
span a {
	  color: #333;
	  font-weight:700

	}