@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modal-content {
	overflow: visible;
	width: 700px;
	animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
}

.modal-close {
	background: transparent !important;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(50%) translateY(-50%);
}

.modal-close svg circle {
	transition: fill 0.3s ease-in-out;
}

.modal-close:hover svg circle {
	fill: #555555;
}

.modal-close::after, .modal-close::before {
	display: none;
}

#gm-modal-image {
	height: auto;
	max-width: 700px;
	display: block;
	margin: 0 auto;
}

@media(max-width: 767px) {
	#gm-modal-image {
		max-width: none;
	}
	.modal-content {
		max-width: 350px;
	}
}