.cookies {
  position: fixed;
  bottom: 50px;
  right: -420px;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  z-index:25;
}

.cookies.show {
  right: 20px;
}

.cookies .container {
  display: flex;
  align-items: center;
  column-gap:0;
}

.container i {
margin: 0;
padding: 0;	
color: #4070f4;
font-size:32px;
}

.container .titre {
font-family: 'Blinker', sans-serif;	
margin:0;
padding:0;	
color:#243d59;
font-weight:normal;
font-size:24px;
}

.cookies .data {
margin-top:16px;
}

.cookies .data p {
margin:0;
padding:0;
font-family: 'Blinker', sans-serif;
color: #333;
font-size:16px;
}
.data p a {
  color: #2d3645;
  text-decoration: none;
}
.data p a:hover {
  text-decoration: underline;
}
.cookies .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buttons .button {
  border: none;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background:#243d59;
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.buttons #acceptBtn:hover {
  background-color: #001e2a;
}
#declineBtn {
  border: 2px solid #2d3645;
  background-color: #fff;
  color:#243d59;
}
#declineBtn:hover {
  background-color: #001e2a;
  color:#fff;
  border: 2px solid #ffffff;
}

.cookies-spacer-01 {
width:5px;	
height:5px;	
display:none;
}




@media only screen and (max-width: 1800px) {



}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {




}



/* 1600 x 900 */
@media only screen and (max-width: 1600px) {



}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {



}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {



}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {



}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {


}





@media only screen and (max-width: 1200px) {



}




@media only screen and (max-width: 1100px) {



}





/* 1024 x 768 */
@media only screen and (max-width: 1050px) {



}




/* 960 x 600 */
@media only screen and (max-width: 980px) {



}




@media only screen and (max-width: 900px) {



}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) { 



}





@media only screen and (max-width: 700px) {



}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.cookies {
  bottom:120px;
  right:-420px;
  max-width:325px;
  padding: 15px 25px 22px;
}

.cookies.show {
right:20px;
}

.cookies .container {
  align-items: center;
  column-gap:0;
}

.container i {
margin: 0;
padding: 0;	
font-size:31px;
}

.container .titre {
font-family: 'Blinker', sans-serif;	
margin:0;
padding:0;	
color:#243d59;
font-weight:normal;
font-size:24px;
}

.cookies .data {
margin-top:16px;
}

.cookies .data p {
font-size:15px;
}

.cookies .buttons {
  margin-top: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.buttons .button {
  padding: 8px 0;
  border-radius: 4px;
}


}




@media only screen and (max-width: 550px) {




}




/* 480 x 853 */
@media only screen and (max-width: 500px) {



}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.cookies {
  bottom:120px;
  right:-420px;
  max-width:300px;
  padding: 15px 25px 22px;
  text-align:center;
}

.cookies.show {
right:5%;
}

.cookies .container {
	text-align:center;
  align-items: center;
  column-gap:0;
    display:block;
}

.container i {
margin: 0;
padding: 0;	
font-size:31px;
}

.container .titre {
margin:0;
padding:0;	
font-size:24px;
text-align:center;
}

.cookies .data {
margin-top:16px;
}

.cookies .data p {
font-size:15px;
}

.cookies .buttons {
	
  margin:16px auto 0px auto;
  width: 100%;
  display:inline-block;
  align-items: center;
  justify-content: space-between;
}

.buttons .button {
  padding: 8px 0;
  border-radius: 4px;
}

.cookies-spacer-01 {
width:5px;	
height:5px;	
display:block;
}


}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {

.cookies {
  bottom:120px;
  right:-420px;
  max-width:210px;
  padding: 15px 25px 22px;
  text-align:center;
}

.cookies.show {
right:5%;
}

.cookies .container {
	text-align:center;
  align-items: center;
  column-gap:0;
    display:block;
}

.container i {
margin: 0;
padding: 0;	
font-size:31px;
}

.container .titre {
margin:0;
padding:0;	
font-size:24px;
text-align:center;
}

.cookies .data {
margin-top:16px;
}

.cookies .data p {
font-size:15px;
}

.cookies .buttons {
	
  margin:16px auto 0px auto;
  width: 100%;
  display:inline-block;
  align-items: center;
  justify-content: space-between;
}

.buttons .button {
  padding: 8px 0;
  border-radius: 4px;
}

.cookies-spacer-01 {
width:5px;	
height:5px;	
display:block;
}

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {



}




@media only screen and (max-width: 300px) {



}