@charset "utf-8";

[class^="icon-"]::before, [class*=" icon-"]::before {
	position: absolute;
	display:  block;
	width:    36px;
	height:   36px;
}

.icon-facebook::before {
	content:         '';
	background:      url(../img/icon-facebook.svg) no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
}

.icon-youtube::before {
	content:         '';
	background:      url(../img/icon-youtube.svg) no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
}

.icon-twitter::before {
	content:         '';
	background:      url(../img/icon-twitter.svg) no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
}

.icon-pinterest::before {
	content:         '';
	background:      url(../img/icon-pinterest.svg) no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
}

.icon-instagram::before {
	content:         '';
	background:      url(../img/icon-instagram.svg) no-repeat;
	background-size: cover;
	top:             0;
	left:            0;
}


/* === MD === */

@media screen and (min-width: 800px) {

	[class^="icon-"]::before, [class*=" icon-"]::before {
		position: absolute;
		display:  block;
		width:    42px;
		height:   42px;
	}

}



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

	[class^="icon-"]::before, [class*=" icon-"]::before {
		position: absolute;
		display:  block;
		width:    52px;
		height:   52px;
	}

}