#toggle{
  display:none;
}
@media (min-width: 1400px){

html{
  background:
  radial-gradient(300px circle at 73% 60%, rgba(69,28,84,.8),rgba(69,28,84,0)),
  radial-gradient(280px circle at 52% 70%, rgba(220,123,67,.95),rgba(220,123,67,0)),
  radial-gradient(421px circle at 82% 82%, rgba(197,197,145,.95),rgba(197,197,145,0)),
  radial-gradient(450px circle at 42% 65%, rgba(192,40,89,1),rgba(192,40,89,0)),
  radial-gradient(480px circle at 40% 75%, rgba(192,40,89,1),rgba(192,40,89,0)),
  radial-gradient(480px circle at 38% 95%, rgba(192,40,89,1),rgba(192,40,89,0)),
  radial-gradient(435px circle at 65% 73%, rgba(235,188,143, 1), rgba(235,188,143, 0)),
  radial-gradient(850px circle at right top, rgba(147,17,87, 1), rgba(147,17,87, .9), rgba(209,64,97,.4), rgba(209,64,97,0)),
  radial-gradient(422px circle at right 75%, rgba(35,173,149, .95), rgba(35,173,149, 0)),
  radial-gradient(350px circle at right 50%, rgba(204,116,96,1), rgba(204,116,96,0)),
  radial-gradient(300px circle at right bottom, rgba(169,82,160, 1),  rgba(169,82,160, 0)),
  linear-gradient(to right bottom, rgba(71,17,77, 0), rgba(71,17,77, 0.95) 40%, rgba(71,17,77, 0.5) 60%, rgba(71,17,77, 0)),
  linear-gradient(to right, #1c062d, #b8205d);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family:sans-serif,Manu2,Verdana, Tahoma;
  }
@font-face{
  font-family:Manu;
  src: url('../font/2.ttf')
}
@font-face{
  font-family:Manu2;
  src: url('../font/Roboto-Regular.ttf')
}

.entete{position: absolute;top:0px;left:0px;height: 125px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;z-index:1;}
.entete_scroll{position: fixed;left:0px; top:0px;height: 50px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;}

#logo{position: absolute;top:15px;left:20px;}
#imglogo{height:100px; width: 100%; content:url('../img/abdn6.png');}
#logo2{position: absolute;bottom:3px;left:20px;}
#imglogo2{height:40px; width:100%;content:url('../img/abdn6.png');}
#txt2_anim{transform: rotate(-6deg);position:relative;top: -40px;animation-duration: 4s; animation-name:slidein5;font-family: manu,Verdana, Geneva, Tahoma, sans-serif;font-size: 40px; text-align: left; color: rgb(255, 255, 255); text-shadow: 0 0 2px rgb(0, 0, 0);}
@keyframes slidein5{
  0% {opacity: 0;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}

#reseaux_soc{position: absolute;top:10px;right:10px;}
#reseaux_soc2{position: absolute;top:10px;right:10px;}
img.img_res{height: 30px;width: 30px;}
img.img_res:hover{top:5px;opacity:0.5;}
#menu_smartphone{position: absolute;top:10px;right:30px;display:none;}
#liens{position:absolute;bottom:15px;;height:30px; right:20px;color:gray;font-size: 18px;}

a.menu_link:link{color:gray;text-decoration: none;}
a.menu_link:visited{color:gray;text-decoration: none;}
a.menu_link:hover{color:seagreen;}

*{margin: 0px;padding: 0px;}
nav{width: 100%;margin: 0 auto;background-color: rgba(255, 255, 255, 0);position: sticky;z-index:1;}
nav ul{list-style-type: none;}
nav ul li{float: left;margin:20px; top:-20px;text-align: center;position: relative;}
nav ul::after{content: "";display: table;clear: both;}
nav a{display: block;text-decoration: none;color: black;border-bottom: 2px solid transparent;padding: 10px 0px;}
nav a:hover{color: rgb(255,192,0);}
.sous{display: none;box-shadow: 0px 1px 2px #CCC;background-color: white;position: absolute;width: 100%;z-index: 1000;}
nav > ul li:hover .sous{display: block;}
.sous li{float: none;width: 100%;text-align: left;}
.sous a{padding: 10px;border-bottom: none;}
.sous a:hover{border-bottom: none;background-color: RGBa(200,200,200,0.1);}
.deroulant > a::after{content:"▼";font-size: 12px;}

.basdepage{position: absolute;left:0px;width:100%;box-sizing:border-box;height: 120px;background-color: whitesmoke; text-align: center;}
#footpage{position:relative;top: 20px;font-size: 20px; text-align: center; color: rgba(64, 145, 60, 1);}
a.mentions:link{color:whitesmoke;text-decoration: none;}
a.mentions:visited{color:whitesmoke;text-decoration: none;}
a.mentions:hover{color:seagreen;}
#mentions{position:relative;top: 40px;font-size: 10px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic}
#copyright{position:relative;top: 60px;font-size: 15px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic;}

.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}

.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;position: relative;transition: all 5s ease-in-out;overflow-y: scroll;scrollbar-width: thin;}

.popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #06D85F;}
.popup .content {max-height: 1000%;overflow: auto;}
.box{width: 70%;}
.popup{width: 70%;height:70%;}

}

/*petits ecrans */
@media screen and (max-width: 1399px) and (min-width: 1100px){

  html{
    background:
    radial-gradient(300px circle at 73% 60%, rgba(69,28,84,.8),rgba(69,28,84,0)),
    radial-gradient(280px circle at 52% 70%, rgba(220,123,67,.95),rgba(220,123,67,0)),
    radial-gradient(421px circle at 82% 82%, rgba(197,197,145,.95),rgba(197,197,145,0)),
    radial-gradient(450px circle at 42% 65%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 40% 75%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 38% 95%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(435px circle at 65% 73%, rgba(235,188,143, 1), rgba(235,188,143, 0)),
    radial-gradient(850px circle at right top, rgba(147,17,87, 1), rgba(147,17,87, .9), rgba(209,64,97,.4), rgba(209,64,97,0)),
    radial-gradient(422px circle at right 75%, rgba(35,173,149, .95), rgba(35,173,149, 0)),
    radial-gradient(350px circle at right 50%, rgba(204,116,96,1), rgba(204,116,96,0)),
    radial-gradient(300px circle at right bottom, rgba(169,82,160, 1),  rgba(169,82,160, 0)),
    linear-gradient(to right bottom, rgba(71,17,77, 0), rgba(71,17,77, 0.95) 40%, rgba(71,17,77, 0.5) 60%, rgba(71,17,77, 0)),
    linear-gradient(to right, #1c062d, #b8205d);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family:sans-serif,Manu2,Verdana, Tahoma;
    }
  @font-face{
    font-family:Manu;
    src: url('../font/2.ttf')
  }
  @font-face{
    font-family:Manu2;
    src: url('../font/Roboto-Regular.ttf')
  }
  
  .entete{position: absolute;top:0px;left:0px;height: 125px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;z-index:1;}
  .entete_scroll{position: fixed;left:0px; top:0px;height: 50px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;}
  
  #logo{position: absolute;top:15px;left:20px;}
  #imglogo{height:100px; width: 100%; content:url('../img/abdn5.png');}
  #logo2{position: absolute;bottom:3px;left:20px;}
  #imglogo2{height:40px; width:100%;content:url('../img/abdn5.png');}
  #txt2_anim{transform: rotate(-6deg);position:relative;top: -40px;animation-duration: 4s; animation-name:slidein5;font-family: manu,Verdana, Geneva, Tahoma, sans-serif;font-size: 40px; text-align: left; color: rgb(255, 255, 255); text-shadow: 0 0 2px rgb(0, 0, 0);}
  @keyframes slidein5{
    0% {opacity: 0;}
    50%{opacity: 0;}
    100%{opacity: 1;}
  }
  
  #reseaux_soc{position: absolute;top:10px;right:10px;}
  #reseaux_soc2{position: absolute;top:10px;right:10px;}
  img.img_res{height: 30px;width: 30px;}
  img.img_res:hover{top:5px;opacity:0.5;}
  #menu_smartphone{position: absolute;top:10px;right:30px;display:none;}
  #liens{position:absolute;bottom:15px;;height:30px; right:20px;color:gray;font-size: 15px;}
  
  a.menu_link:link{color:gray;text-decoration: none;}
  a.menu_link:visited{color:gray;text-decoration: none;}
  a.menu_link:hover{color:seagreen;}
  
  *{margin: 0px;padding: 0px;}
  nav{width: 100%;margin: 0 auto;background-color: rgba(255, 255, 255, 0);position: sticky;z-index:1;}
  nav ul{list-style-type: none;}
  nav ul li{float: left;margin:20px; top:-20px;text-align: center;position: relative;}
  nav ul::after{content: "";display: table;clear: both;}
  nav a{display: block;text-decoration: none;color: black;border-bottom: 2px solid transparent;padding: 10px 0px;}
  nav a:hover{color: rgb(255,192,0);}
  .sous{display: none;box-shadow: 0px 1px 2px #CCC;background-color: white;position: absolute;width: 100%;z-index: 1000;}
  nav > ul li:hover .sous{display: block;}
  .sous li{float: none;width: 100%;text-align: left;}
  .sous a{padding: 10px;border-bottom: none;}
  .sous a:hover{border-bottom: none;background-color: RGBa(200,200,200,0.1);}
  .deroulant > a::after{content:"▼";font-size: 12px;}
  
  .basdepage{position: absolute;left:0px;width:100%;box-sizing:border-box;height: 120px;background-color: whitesmoke; text-align: center;}
  #footpage{position:relative;top: 20px;font-size: 20px; text-align: center; color: rgba(64, 145, 60, 1);}
  a.mentions:link{color:whitesmoke;text-decoration: none;}
  a.mentions:visited{color:whitesmoke;text-decoration: none;}
  a.mentions:hover{color:seagreen;}
  #mentions{position:relative;top: 40px;font-size: 10px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic}
  #copyright{position:relative;top: 60px;font-size: 15px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic;}
  
  .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
  .overlay:target {visibility: visible;opacity: 1;}
  
  .popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;position: relative;transition: all 5s ease-in-out;overflow-y: scroll;scrollbar-width: thin;}
  
  .popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
  .popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
  .popup .close:hover {color: #06D85F;}
  .popup .content {max-height: 1000%;overflow: auto;}
  .box{width: 70%;}
  .popup{width: 70%;height:70%;}
  
}
@media screen and (max-width: 1099px) and (min-width: 650px){

  html{
    background:
    radial-gradient(300px circle at 73% 60%, rgba(69,28,84,.8),rgba(69,28,84,0)),
    radial-gradient(280px circle at 52% 70%, rgba(220,123,67,.95),rgba(220,123,67,0)),
    radial-gradient(421px circle at 82% 82%, rgba(197,197,145,.95),rgba(197,197,145,0)),
    radial-gradient(450px circle at 42% 65%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 40% 75%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 38% 95%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(435px circle at 65% 73%, rgba(235,188,143, 1), rgba(235,188,143, 0)),
    radial-gradient(850px circle at right top, rgba(147,17,87, 1), rgba(147,17,87, .9), rgba(209,64,97,.4), rgba(209,64,97,0)),
    radial-gradient(422px circle at right 75%, rgba(35,173,149, .95), rgba(35,173,149, 0)),
    radial-gradient(350px circle at right 50%, rgba(204,116,96,1), rgba(204,116,96,0)),
    radial-gradient(300px circle at right bottom, rgba(169,82,160, 1),  rgba(169,82,160, 0)),
    linear-gradient(to right bottom, rgba(71,17,77, 0), rgba(71,17,77, 0.95) 40%, rgba(71,17,77, 0.5) 60%, rgba(71,17,77, 0)),
    linear-gradient(to right, #1c062d, #b8205d);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family:sans-serif,Manu2,Verdana, Tahoma;
    }
  @font-face{
    font-family:Manu;
    src: url('../font/2.ttf')
  }
  @font-face{
    font-family:Manu2;
    src: url('../font/Roboto-Regular.ttf')
  }
  
  .entete{position: absolute;top:0px;left:0px;height: 125px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;z-index:1;}
  .entete_scroll{position: fixed;left:0px; top:0px;height: 50px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;}
  
  #logo{position: absolute;top:15px;left:20px;}
  #imglogo{height:100px; width: 100%; content:url('../img/abdn5.png');}
  #logo2{position: absolute;bottom:3px;left:20px;}
  #imglogo2{height:40px; width:100%;content:url('../img/abdn5.png');}
  #txt2_anim{transform: rotate(-6deg);position:relative;top: -40px;animation-duration: 4s; animation-name:slidein5;font-family: manu,Verdana, Geneva, Tahoma, sans-serif;font-size: 40px; text-align: left; color: rgb(255, 255, 255); text-shadow: 0 0 2px rgb(0, 0, 0);}
  @keyframes slidein5{
    0% {opacity: 0;}
    50%{opacity: 0;}
    100%{opacity: 1;}
  }
  
  #reseaux_soc{position: absolute;top:10px;right:10px;}
  #reseaux_soc2{position: absolute;top:10px;right:10px;}
  img.img_res{height: 30px;width: 30px;}
  img.img_res:hover{top:5px;opacity:0.5;}
  #menu_smartphone{position: absolute;top:10px;right:30px;display:none;}
  #liens{position:absolute;bottom:15px;;height:30px; right:20px;color:gray;font-size: 10px;}
  
  a.menu_link:link{color:gray;text-decoration: none;}
  a.menu_link:visited{color:gray;text-decoration: none;}
  a.menu_link:hover{color:seagreen;}
  
  *{margin: 0px;padding: 0px;}
  nav{width: 100%;margin: 0 auto;background-color: rgba(255, 255, 255, 0);position: sticky;z-index:1;}
  nav ul{list-style-type: none;}
  nav ul li{float: left;margin:20px; top:-20px;text-align: center;position: relative;}
  nav ul::after{content: "";display: table;clear: both;}
  nav a{display: block;text-decoration: none;color: black;border-bottom: 2px solid transparent;padding: 10px 0px;}
  nav a:hover{color: rgb(255,192,0);}
  .sous{display: none;box-shadow: 0px 1px 2px #CCC;background-color: white;position: absolute;width: 100%;z-index: 1000;}
  nav > ul li:hover .sous{display: block;}
  .sous li{float: none;width: 100%;text-align: left;}
  .sous a{padding: 10px;border-bottom: none;}
  .sous a:hover{border-bottom: none;background-color: RGBa(200,200,200,0.1);}
  .deroulant > a::after{content:"▼";font-size: 12px;}
  
  .basdepage{position: absolute;left:0px;width:100%;box-sizing:border-box;height: 120px;background-color: whitesmoke; text-align: center;}
  #footpage{position:relative;top: 20px;font-size: 20px; text-align: center; color: rgba(64, 145, 60, 1);}
  a.mentions:link{color:whitesmoke;text-decoration: none;}
  a.mentions:visited{color:whitesmoke;text-decoration: none;}
  a.mentions:hover{color:seagreen;}
  #mentions{position:relative;top: 40px;font-size: 10px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic}
  #copyright{position:relative;top: 60px;font-size: 15px; text-align: center; color: rgba(64, 145, 60, 1);font-style:italic;}
  
  .overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
  .overlay:target {visibility: visible;opacity: 1;}
  
  .popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;position: relative;transition: all 5s ease-in-out;overflow-y: scroll;scrollbar-width: thin;}
  
  .popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
  .popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
  .popup .close:hover {color: #06D85F;}
  .popup .content {max-height: 1000%;overflow: auto;}
  .box{width: 70%;}
  .popup{width: 70%;height:70%;}
  
}
/*smartphones */
@media (max-width: 649px){
  #testdiv{
    display:none;
  }
  html{
    background:
    radial-gradient(300px circle at 73% 60%, rgba(69,28,84,.8),rgba(69,28,84,0)),
    radial-gradient(280px circle at 52% 70%, rgba(220,123,67,.95),rgba(220,123,67,0)),
    radial-gradient(421px circle at 82% 82%, rgba(197,197,145,.95),rgba(197,197,145,0)),
    radial-gradient(450px circle at 42% 65%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 40% 75%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(480px circle at 38% 95%, rgba(192,40,89,1),rgba(192,40,89,0)),
    radial-gradient(435px circle at 65% 73%, rgba(235,188,143, 1), rgba(235,188,143, 0)),
    radial-gradient(850px circle at right top, rgba(147,17,87, 1), rgba(147,17,87, .9), rgba(209,64,97,.4), rgba(209,64,97,0)),
    radial-gradient(422px circle at right 75%, rgba(35,173,149, .95), rgba(35,173,149, 0)),
    radial-gradient(350px circle at right 50%, rgba(204,116,96,1), rgba(204,116,96,0)),
    radial-gradient(300px circle at right bottom, rgba(169,82,160, 1),  rgba(169,82,160, 0)),
    linear-gradient(to right bottom, rgba(71,17,77, 0), rgba(71,17,77, 0.95) 40%, rgba(71,17,77, 0.5) 60%, rgba(71,17,77, 0)),
    linear-gradient(to right, #1c062d, #b8205d);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family:sans-serif,Manu2,Verdana, Tahoma;
    }
  @font-face{
    font-family:Manu;
    src: url('../font/2.ttf')
  }
  @font-face{
    font-family:Manu2;
    src: url('../font/Roboto-Regular.ttf')
  }
.entete{position: absolute;top:0px;left:0px;height: 60px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;z-index:2;}
.entete_scroll{position: fixed;left:0px; top:0px;height: 60px;width: 100%;box-shadow: 0px 4px 4px #1c1a19;background-color: white;text-align: center;z-index:2;}

#logo{position: absolute;bottom:3px;left:60px;}
#imglogo{height:40px; width: 100%; content:url('../img/abdn5.png');}
#logo2{position: absolute;bottom:3px;left:60px;}
#imglogo2{height:40px; width:100%;content:url('../img/abdn5.png');}
#txt2_anim{transform: rotate(-6deg);position:relative;top: -40px;animation-duration: 4s; animation-name:slidein5;font-family: manu,Verdana, Geneva, Tahoma, sans-serif;font-size: 40px; text-align: left; color: rgb(255, 255, 255); text-shadow: 0 0 2px rgb(0, 0, 0);}
@keyframes slidein5{
  0% {opacity: 0;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}

#reseaux_soc{position: absolute;top:10px;right:10px;}
#reseaux_soc2{position: absolute;top:10px;right:10px;}
img.img_res{height: 40px;width: 40px;}
img.img_res:hover{top:5px;opacity:0.5;}
#menu_smartphone{position: absolute;top:5px;left:5px;background-color:rgb(223, 223, 223);font-size: 34px;border-radius: 5px;width:50px;height: 50px;padding:auto;}
#liens{position : absolute;flex-direction: column;width:100%;color:gray;font-size: 25px;background-color:whitesmoke;display:none;line-height:40px;}
#toggle:checked + #liens{display:block;}

a.menu_link:link{color:gray;text-decoration: none;}
a.menu_link:visited{color:gray;text-decoration: none;}
a.menu_link:hover{color:rgb(255,192,0);}

*{margin: 0px;padding: 0px;}
nav{width: 100%;top:60px;background-color: whitesmoke;position: fixed;z-index:3;}
nav ul{list-style-type: none;font-weight: bold;}
.sous{font-weight: lighter;font-size: 20px;line-height:30px;}
nav ul li{width: 95%;text-align: left;position: relative;left:5%;}
nav ul::after{content: "";display: table;clear: both;}
nav a{display: block;text-decoration: none;color: black;border-bottom: 2px solid transparent;padding: 10px 0px;}
nav a:hover{color: rgb(255,192,0);}



.basdepage{position: absolute;left:0px;width:100%;box-sizing:border-box;height: 120px;background-color: whitesmoke; text-align: center;}
#footpage{position:relative;top: 20px;font-size: 20px; text-align: center; color: rgba(0, 65, 40, 1);}
a.mentions:link{color:gray;    text-decoration: none;}
a.mentions:visited{color:gray;    text-decoration: none;}
a.mentions:hover{color:rgb(255,192,0);}
#mentions{position:relative;top: 40px;font-size: 10px; text-align: center; color: rgba(0, 65, 40, 1);font-style:italic}
#copyright{position:relative;top: 60px;font-size: 15px; text-align: center; color: rgba(0, 65, 40, 1);font-style:italic}

.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}

.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;position: relative;transition: all 5s ease-in-out;overflow-y: scroll;scrollbar-width: thin;}

.popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #06D85F;}
.popup .content {max-height: 1000%;overflow: auto;}
.box{width: 70%;}
.popup{width: 70%;height:70%;}

}