@charset "utf-8";
/* CSS Document */

.rs-facebook	{ width: 30px; height: 30px; background: url(../images/picto-facebook.svg) 50% 50% no-repeat #fff; border-radius: 30px; background-size: 25px;}
.rs-instagram 	{ width: 30px; height: 30px; background: url(../images/picto-instagram.svg) 50% 50% no-repeat #fff; border-radius: 30px; background-size: 25px;}
.rs-pinterest 	{ width: 30px; height: 30px; background: url(../images/picto-pinterest.svg) 50% 50% no-repeat #fff; border-radius: 30px; background-size: 25px;}

header .rs-facebook { display: block; margin: 0 auto;}
header .rs-instagram { margin: 20px auto; display: block;}
header .rs-pinterest { display: block; margin: 0 auto;}

footer .rs-facebook { display: inline-block;}
footer .rs-instagram { margin: 0 2vw; display: inline-block;}
footer .rs-pinterest { display: inline-block;}

@media (min-width:1201px) {
	.rs-facebook:hover		{ background: url(../images/picto-facebook.svg) 50% 50% no-repeat #3b5999; background-size: 25px;}
	.rs-instagram:hover 	{ background: url(../images/picto-instagram.svg) 50% 50% no-repeat #e4405f; background-size: 25px;}
	.rs-pinterest:hover	{ background: url(../images/picto-pinterest.svg) 50% 50% no-repeat #bd081c; background-size: 25px;}
}