/* HEADER */
.header-wrapper { background-color: #fff; }
.header-wrapper .logo { display: block; width: 180px; height: 35px; }
.header-wrapper .logo .logo-miky { position: relative; padding: 13px 0 0 50px; color: #333; font-size: 28px; font-weight: 400; letter-spacing: 1.2px; }
.header-wrapper .logo .logo-miky::before { float: left; display: block; position: absolute; width: 50px; height: 35px; top: 0; left: 0; content: url(/img/logo_miky.svg); }
.header-wrapper .logo .logo-miky:hover { color: #333; opacity: .75; }
.header-wrapper .nav { float: right; margin-top: 8px; letter-spacing: 1.2px; text-transform: uppercase; }
.header-wrapper .nav li { display: inline-block; padding-left: 20px; vertical-align: top; }
.header-wrapper .nav li .selected { color: #d24c42; }

/* FIXED HEADER */
.header-wrapper.fixed { overflow: hidden; position: fixed; width: 100%; top: 0; left: 0; box-shadow: 0 1px 3px #ddd; background-color: rgba(255, 255, 255, .9); z-index: 999; }

/* FOOTER */
.footer-wrapper .contact { text-align: right; }
.footer-wrapper .contact .social-icon a { display: inline-block; margin: 0 5px; border: 1px solid #ddd; border-radius: 50%; transition: all .3s ease; vertical-align: middle; }
.footer-wrapper .contact .social-icon:last-child a { margin-right: 0; }
.footer-wrapper .contact .icon-linkedin a { padding: 10px 14.6px; border-color: #0071ac; color: #0071ac; }
.footer-wrapper .contact .icon-linkedin:hover a { background-color: #0071ac; color: #fff; }
.footer-wrapper .contact .icon-behance a { padding: 10px 12.3px; border-color: #1869ff; color: #1869ff; }
.footer-wrapper .contact .icon-behance:hover a { background-color: #1869ff; color: #fff; }
.footer-wrapper .contact .icon-instagram a { padding: 7.5px 12.9px; border-color: #e33567; color: #e33567; }
.footer-wrapper .contact .icon-instagram:hover a { background-color: #e33567; color: #fff; }
.footer-wrapper .contact .icon-email a { padding: 10px 14.9px 10px 12px; border-color: #d24c42; color: #d24c42; }
.footer-wrapper .contact .icon-email:hover a { background-color: #d24c42; color: #fff; }


/* LARGE AND MEDIUM SCREEN SIZES */
@media screen and (min-width: 641px) {
	/* FIXED HEADER */
	.header-wrapper.fixed ~ .main-wrapper { margin-top: 95px; }

	/* FOOTER */
	.footer-wrapper .row { display: flex; align-items: center; }
}

/* SMALL SCREEN SIZES */
@media screen and (max-width: 640px) {
	/* HEADER */
	.header-wrapper .logo { margin: 0 auto; }
	.header-wrapper .nav { float: none; margin-top: 30px; text-align: center; }
	.header-wrapper .nav li { padding: 0 10px; }

	/* FIXED HEADER */
	.header-wrapper.fixed .section.grande { padding: 15px 0; }
	.header-wrapper.fixed .nav { margin-top: 15px; transition: all .4s ease; }
	.header-wrapper.fixed ~ .main-wrapper { margin-top: 147px; }

	/* FOOTER */
	.footer-wrapper { text-align: center; }
	.footer-wrapper .contact { margin-top: 20px; text-align: center; }
}