/* Logo
--------------------------*/

.site-logo {
	height: 96px; }
.site-logo-small {
	height: 48px; }
	
.top-bar.scroll .site-logo {
	padding-top: rem;
	padding-bottom: rem;
	transition: padding-top .25s, padding-bottom .25s;
}	
.scroll .site-logo {
	height: px; }
	
/* Padding
--------------------------*/


/* Margin
--------------------------*/

/* Social Media
--------------------------*/
.social-media {
    text-align: center; }
    
.social-media .fa {
    font-size: 1.5em;
    width: 1.5em;
    text-align: center;
    line-height: 1.5em;
    border-radius: 50%;
    margin: .1em; 
    color: #fff; }
.social-media .fa-facebook {
	background: #3b5998; }
.social-media .fa-twitter {
	background: #55acee; }
.social-media .fa-youtube {
	background: #cd201f; }
.social-media .fa-instagram {
	background: linear-gradient(352.8749836510982deg, rgba(255,255,255,0) 0, rgba(244,48,109,0) 34%, #F4306D 44%, #D53592 63%, #4258F5 100%), radial-gradient(circle farthest-corner at 28% 142%, rgba(255,104,177,0.1) 0, #FFFFFF 9%, #FBE18A 32%, #FBBB45 37%, #F88330 43%, #F86737 52%, #F8443E 57%, #F4306D 70%, #D53592 85%, #4258F5 100%), linear-gradient(108.43494882292201deg, rgba(255,255,255,0.49) 0, rgba(255,255,255,0.49) 57%, #F4306D 82%, #D53592 100%), linear-gradient(318deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 1%, #903ACD 49%, #903ACD 77%, rgba(144,58,205,0) 100%); }