/*.popup{
	position: fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
	visibility: visible;
	opacity:1;
	z-index:9999;
}*/

.popup{
    position: relative;
    margin:20px auto;
}

.popup div.close-popup{
	width:48px;
	height:48px;
	position: absolute;
	top:5px;
	left:10px;
	font-size:9vw;
	cursor:pointer;
	z-index:1;
	display:flex;
	justify-content: center;
	align-items: center;
}

.popup img {
    width: 100%;
    display: block;
}

.popup div{
	width:100%;
	height:100%;
	position:absolute;
	text-align: right;
	top:0;
	left:0;
}

.popup div h2{
	position:absolute;
	font-size:7vw;
	font-family: OpenSauce;
	top:21vw;
	right:7.5vh;
	color:#2F2722;
}

.popup div p{
	position: absolute;
	font-size:clamp(20px, 4vw, 25px);
	font-family:OpenSauce;
	width:50%;
	top:27%;
	right:7%;
	color:#090807;
	text-align:right;
}

.popup div input[type=email]{
	position: absolute;
	width:53%;
	font-size:17px;
	top:55%;
	right:5%;
	padding:0.75rem 1rem;
	font-family: OpenSauce;
	font-weight: lighter;
	text-align:center;
}

.popup div .accept_newsletter{
	position: absolute;
	width:52%;
	font-size:15px;
	top:70%;
	right:5%;
	padding:0.75rem 1rem;
	font-family: OpenSauce;
	font-weight: lighter;
	text-align:center;
	background-color: rgba(255,255,255,.35);
	cursor:pointer;
}

.popup div input[type=submit]{
	position: absolute;
	width:50%;
	font-size:3.25vw;
	top:75vw;
	right:6vw;
	padding:0.75vw 1vw;
	font-family: OpenSauce;
	font-weight: lighter;
	text-align:center;
	cursor:pointer;
	background-color: rgb(93,240,72);
	border-radius:50px;
	border:none;
	color:#2f2722;
	transition:0.2s;
}

.popup div input[type=submit]:hover{
	background-color:black;
	color:white;
	transition:0.2s;
}

.popup-open{
    visibility:visible;
    opacity:1;
    transition: opacity 0.3s ease-in-out;
}

.popup-close{
    visibility:hidden;
    opacity:0;
    transition: opacity 0.3s ease-in-out;
}

.popup div .popup-loader{
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    justify-content: center;
}


@media (max-width:719px){
	.popup{
		width:85%;
		/*aspect-ratio: 650 / 812;*/
	}

	 .popup div.close-popup{
	 	top:0;
	 	left:0;
	 	font-size:9vw;
	}
	
	.popup div h2{
		position:absolute;
		font-size:9vw;
		font-family: OpenSauce;
		top:17%;
		right:5%;
		color:#2F2722;
	}
	
	.popup div input[type=submit]{
		position: absolute;
		width:90%;
		font-size:4.5vw;
		top:90%;
		right:6vw;
		padding:0.75vw 1vw;
		font-family: OpenSauce;
		font-weight: lighter;
		text-align:center;	
	}
}

@media(min-width:720px) and (max-width:1200px){
	.popup{
		width:70%;
		max-width:635px;
		/*aspect-ratio: 650 / 812;*/
	}

	 .popup div.close-popup{
	 	top:0;
	 	left:0;
	 	font-size:9vw;
	}
	
	.popup div h2{
		position:absolute;
		font-size:60px;
		font-family: OpenSauce;
		top:17%;
		right:7%;
		color:#2F2722;
	}
	
	.popup div input[type=submit]{
		position: absolute;
		width:90%;
		font-size:4.5vw;
		top:90%;
		right:6vw;
		padding:0.75vw 1vw;
		font-family: OpenSauce;
		font-weight: lighter;
		text-align:center;	
	}
}

@media(min-width:1201px){
    .popup{
        width:100%;
        max-width:900px;    
    }
    
	.popup div h2{
		font-size:60px;
		top:17%;
		right:15%;
	}		

	.popup div p{
		width:71%;
		font-size:25px;
		right:3%;
	}

	.popup div input[type=email]{
		width:55%;
		font-size:17px;
		top:53%;
		right:5%;
		padding:0.75vw 1vw;
	}
	
    .popup div .accept_newsletter {
      width: 65%;
      font-size: 13px;
      top: 70%;
      right: 4%;
      padding: 0.75rem 1rem;
      font-family: OpenSauce;
      font-weight: lighter;
      text-align: center;
      background-color: rgba(255,255,255,.35);
    }

	.popup div input[type=submit]{
        position: absolute;
        width: 90%;
        font-size: 25px;
        top: 87%;
        right: 3%;
        padding: 0.5vw 1vw;
        font-family: OpenSauce;
        font-weight: lighter;
        text-align: center;
	}
}

@media(min-width:901px) and (max-width:1366px){

	 .popup div.close-popup{
		position: absolute;
		font-size:70px;
		cursor:pointer;
		z-index:1;
		display:flex;
		justify-content: center;
		align-items: center;
		top:0;
	}

	.popup div input[type=text]{
		width:50%;
		font-size:23px;
		top:44vh;
		right:6vw;
		padding:0.75vw 1vw;
	}

	/*.popup div input[type=submit]{
		position: absolute;
		width:90%;
		font-size:3vw;
		top:85%;
		right:5%;
		padding:0.75vw 1vw;
		font-family: OpenSauce;
		font-weight: lighter;
		text-align:center;	
	}*/
}

/*@media(min-width:1367px){
	.popup{
        width:100%;
        max-width:900px; 
  	}

	.popup div.close-popup{
		position: absolute;
		font-size:5vw;
		cursor:pointer;
		z-index:1;
		display:flex;
		justify-content: center;
		align-items: center;
		top:0;
	}

	.popup img {
	    height: 100%;
	    width:auto;
	    display: block;
	}

	.popup div{
		position:absolute;
		text-align: right;
		top:0;
		left:0;
	}

	.popup div h2{
		position:absolute;
		font-size: 60px;
		font-family: OpenSauce;
		top:13vh;
		right:14rem;
		color:#2F2722;
	}

	.popup div p{
		position: absolute;
		font-family:OpenSauce;
		width:45%;
		top:27%;
		right:14rem;
		color:#090807;
		text-align:right;
	}

	.popup div input[type=text]{
		position: absolute;
		width:41%;
		font-size:20px;
		top:55%;
		right:12rem;
		padding:0.75vw 1vw;
		font-family: OpenSauce;
		font-weight: lighter;
		text-align:center;
	}

	.popup div input[type=submit]{
		position: absolute;
		width:60%;
		font-size:23px;
		top:90%;
		right:14rem;
		padding:0.75vw 1vw;
		font-family: OpenSauce;
		font-weight: lighter;
		text-align:center;	
	}

	.popup-open{
	    visibility:visible;
	    opacity:1;
	    transition: opacity 0.3s ease-in-out;
	}

	.popup-close{
	    visibility:hidden;
	    opacity:0;
	    transition: opacity 0.3s ease-in-out;
	}
}*/