.content-wrapper { width: 100% }
.content-wrapper > div { margin: 0 auto }
.content-wrapper > div.flex { justify-content: space-between; margin: 0 auto; max-width: 1200px }

@media only screen and (max-width: 1219px ) {
	.content-wrapper > div.flex { max-width: 960px }
}

.flex { display: flex }

.social-btn {background-color: transparent!important; display: block; height: 32px; margin:5px; width: 32px ; background-size:cover !important;}
.social-btn.twitter {background: url(https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/twitter@2x.png) no-repeat;}
.social-btn.facebook { background: url(https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/facebook@2x.png) no-repeat; }
.social-btn.youtube { background: url(https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/youtube@2x.png) no-repeat; }
.social-btn.instagram { background: url(https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/instagram@2x.png) no-repeat; }

#frame { display: flex; flex-direction: column; min-height: 100vh }
#main { background-color: #F9F9F9; flex-grow: 1 }