button.offerteButton{color:#FFD00F;background:#404040;border:none;position:fixed;left:50%;margin:20px auto auto -150px;border-radius:30px;width:300px;height:60px;font-size:17pt;z-index:90;font-family:'Varela Round', sans-serif;}
button.offerteButton:hover{color:#404040;background:#FFD00F;}
.box{width:40%;margin:0 auto;background:rgba(255,255,255,0.2);padding:35px;border:2px solid #fff;background-clip:padding-box;text-align:center;}
.button{font-size:1em;padding:10px;color:#fff;background:rgba(0,0,0,0.4);border:2px solid #696969;text-decoration:none;cursor:pointer;transition:all 0.3s ease-out;position:absolute;right:20px;top:70px;}
.button:hover{background:#696969;color:#fff;}
.overlay{overflow-y:scroll;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);visibility:hidden;opacity:0;z-index:200;width:100vw;z-index:-1;}
.overlay:target{visibility:visible;opacity:1;z-index:200;}
.popup{margin:130px auto 60px auto;padding:20px;background:#fff;min-width:30%;max-width:50vw;max-height:80vh;position:relative;transition:all .5s ease-in-out;z-index:10;}
.popup h2{margin-top:0;color:#333;}
.popup .close{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;z-index:2;}
.popup .close:hover{color:#696969;}
.popup .content{overflow:auto;}
.popup .content p{color:black !important;}
.popup .content img{max-width:100%;}
@media (min-width:720px) and (max-width:1024px){button.offertebutton{width:200px;margin:50px auto auto -100px;font-size:13pt;}
.popup{margin:60px auto;}
}
@media screen and (max-width:700px){.box{width:70%;}
.popup{width:70%;}
.Button{top:250px;}
}
@media screen and (max-width:767px){button.offerteButton{top:130px;width:250px;height:40px;font-size:13pt;margin:10px auto auto -125px;}
.popup{width:90vw;}
}