body {background: url('../images/background.jpg') top;background-size: cover;font-family: 'Lato', sans-serif;color: #fff;}
.wrapper-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.36);}
#wrapper .section-banner-wrapper {padding: 100px;}
#wrapper .section-banner-wrapper .logo {margin-bottom: 50px;}
#wrapper .section-banner-wrapper .header h1 {font-size: 125px;font-weight: 700;margin: 0 0 40px;letter-spacing: .2em;}
#wrapper .section-banner-wrapper .header h1 strong {color: #ff0000;text-shadow: 0px 2px 1px #fff;}
#wrapper .section-banner-wrapper .header h2 {margin: 0 0 30px;font-size: 32px;}
#wrapper .section-banner-wrapper .header p {font-size: 18px;font-weight: 300;}
#wrapper .section-banner-wrapper .header a.btn {font-size: 16px;border: 0px;border-radius: 50px;padding: 15px 45px;}

#wrapper .section-banner-wrapper .menu-social ul {margin: 0;padding: 0;margin-right: 5px;display: block;line-height: 48px;position: fixed;top: 0;right: 0;}
#wrapper .section-banner-wrapper .menu-social ul li {list-style: none;display: inline-block;margin-left: -4px;}
#wrapper .section-banner-wrapper .menu-social ul li a {background: #ff0000;color: #fff;padding: 8px 13px;font-weight: 600;border-left: 2px double #fff;border-right: 2px double #fff;border-radius: 4px;margin: 0px 4px;}

/* Responsive CSS */
@media (max-width: 767px){
	#wrapper .section-banner-wrapper {padding: 100px 10px 10px;}
	#wrapper .section-banner-wrapper .menu-social {position: relative;}
}

@media (max-width: 480px){
	#wrapper .section-banner-wrapper .logo {margin-bottom: 0;}
	#wrapper .section-banner-wrapper .logo h1 {font-size: 55px;}
	#wrapper .section-banner-wrapper .header h1 {font-size: 30px;}
}