/* Reset Styles */
* {
    margin: 0;
    padding: 0;
}
body {
	max-width: 100%;
    padding: 15px 40px 15px 20px;
    margin: 40px 0 0 20px;
}

/*SOCKET*/
footer p {
	font-family: Verdana, Arial;
	font-size: 12px;
}
div#footer {
	padding: 40px 0 20px 0;
}
@media only screen and (max-width: 769px) {
footer {
	margin-bottom: 0;
	height: 100px;
}
}
div#socket {
	width: 100%;
}
@media (max-width: 851px) {
div#socket {
	width: 100%;
	height: 160px;
}
}
body #socket img {
	width: 25px;
	height: 21px;
}
.socket1 {
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	flex-wrap: wrap;
}
.socket2 {
	width: 276px;
	margin-top: 4px;
}
.socket-text1 {
	flex-direction: row; 
	justify-content: center;
	margin-top: 5px;
	text-align: center;
}
.socket3 {
	width: 276px;
}
.socket-text2 {
	flex-direction: row; 
	justify-content: center;
    padding-bottom: 20px;	
}

.socket-text2 img {
  content: url(with_care.svg); /*switch to black picto*/
}

@media (max-width: 998px) {
#cookie-bar {
    width: 99%!important;
}
#cookie-bar a {
	font-size: 38px;
}
#cookie-bar p {
	font-size: 32px;
}
#cookie-bar-button, #cookie-bar-button-no {
    margin-bottom: 20px!important;
}