/* POST-LAUNCH CSS */

/* Hide contact link at width hamburger menu appears */
@media (max-width: 960px) {
    .contact-link {
        display: none;
    }
    
    /*need to make logo image smaller on mobile*/
    .logo a img{
    	width: 80%;
    }
    
    header#header .header-content{
    	margin-bottom: 0px;
        height: 0px !important;
    }
}

/* Instagram icon background */
#social ul li:nth-child(2) {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* after removing twitter icon, still space between instagram and search, 
need to move last-child (info link) up higher IF not in mobile view...*/
@media (min-width: 768px) {
    #social ul li:last-child {
    	top: 140px !important;
	}
}