.borderbox {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
      }

      a .arrow {
        color: #1A1A1A;
      }

      a:hover .arrow {
        color: #FFFFFF;
      }

	.modal {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  z-index: 20;
	  padding: 30px;
	  width: 100%;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  opacity: 0;
	  visibility: hidden;
	  transition: visibility 0s linear 0.1s, opacity 0.3s ease;
	}
	.modal.open {
	  visibility: visible;
	  opacity: 1;
	  transition-delay: 0s;
	}
	.modal__overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  z-index: 21;
	  background-color: rgba(0, 0, 0, 0.35);
	}
	.modal__close {
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  border: none;
	  outline: none;
	  background: none;
	  font-size: 24px;
	  color: white;
	  font-weight: bold;
	  cursor: pointer;
	}
	.modal__container {
	  position: relative;
	  z-index: 22;
	  width: 95%;
	  height: 95%;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	          transform: translateY(-50%);
	  margin: 0 auto;
	  text-align: center;
	}

	.modal__container img {
		max-height: 95%;
		width: auto;
		max-width: 70%;
		padding: 15px 15%;
	  -webkit-box-shadow: 0px 0px 5px 5px rgba(102,102,102,1);
	  -moz-box-shadow: 0px 0px 5px 5px rgba(102,102,102,1);
	  box-shadow: 0px 0px 5px 5px rgba(102,102,102,1);
	}