#coo{
  width:100%;
  height:100%;
  position:absolute;
  z-index:1000;
  top:0;
  left:0;
}
#coo .coo-bg{
  background:#000000;
  opacity:0;
  position:absolute;
  width:100%;
  height:100%;
}
#coo .coo-content{
  width:17em;
  position:relative;
  margin:8em auto 0 auto;
  overflow: hidden;
  text-align:center;
  padding:2em 1em;
  white-space:nowrap;
  border-radius:2em;
  background:#4a324e;
  border:1px solid #ffffff;
}
#coo .coo-content > span{
  font-size:1em;
  line-height:120%;
  color:#ffffff;
  text-align:center;
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
}
#coo .coo-content a{
  color:#ffffff;
}
#coo .coo-close{
  font-size:1em;
  line-height:200%;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  padding:0;
  width:15em;
  background:#d53350;
  border-radius:.5em;
  margin:3em auto 0 auto;
  display:block;
}
#coo .coo-close:hover{
  color:#ffffff;
}

@media screen and (max-aspect-ratio: 1200/660), (max-width: 1200px) {
#coo .coo-content{
  width:70%;
  margin-top:20em;
}
#coo .coo-content > span{
  font-size:1.5em;
  line-height:120%;
}
#coo .coo-close{
  font-size:1.5em;
  line-height:120%;
  padding:.3em 0;
  width:70%;
  white-space:normal;
  margin-top:1em;
}
}