.box {

            width: 20%;

            margin: 0 auto;

            background: rgba(255, 255, 255, 0.2);

            padding: 35px;

            border: 2px solid #fff;

            border-radius: 20px/50px;

            background-clip: padding-box;

            text-align: center;

          }

          .button {

            font-size: 1em;

            padding: 10px;

            color: #fff;

            border: 2px solid orange;

            border-radius: 20px/50px;

            text-decoration: none;

            cursor: pointer;

            transition: all 0.3s ease-out;

          }

          .button:hover {

            background: orange;

          }

          .overlay {

            position: fixed;

	z-index:	4000;

            top: 0;

            bottom: 0;

            left: 0;

            right: 0;

            background: rgba(0, 0, 0, 0.7);

            transition: opacity 500ms;

            visibility: visible;

            opacity: 1;

          }

          .overlay:target {

            visibility: hidden;

            opacity: 0;

            display:none

          }

          .popup {

	margin: 80px auto;

	padding: 0px;

	background: #000;

	border-radius: 0px;

	width: 100%;

	position: fixed;

	z-index:	5000;
	transition: all 5s ease-in-out;

	height: 100%;

          }

          .popup h2 {

            margin-top: 10px auto;


            color: #333;

            font-family: Tahoma, Arial, sans-serif;

          }

          .popup .close {

            position: absolute;


			opacity: 50;

            top: -60px;

            right: 3%;

            transition: all 200ms;

            font-size: 30px;

            font-weight: bold;

            text-decoration: none;

            color: #FFF;

          }

          .popup .close:hover {

            color: orange;

          }

          .popup .content {

            max-height: 100%;

            overflow: hidden;

          }