DEBUG – Header Img issue!

I have no idea why this is happening! Can anyone help me debug?

here’s a screenshot of what’s happening: https://scontent-sin1-1.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/12049221_10153345320967858_3632541857186635794_n.jpg?oh=3f9dd8cf17d2418fd309c6afbaa6482e&oe=5686F57C

I’m pasting here all my custom css

.slide-text-bg1 { display:none !important; } .callout-section h1 { font-size: 14px !important; color: #CDD5F0; } .callout-btn2 { background-color: black !important; box-shadow: 0 3px 0 0 #000000; } .callout-btn1 { display: none; } .callout-btn2 { display: none; } .navbar-default .navbar-nav > li > a { font-family: ‘Arial’; font-weight: 500; } .dropdown-menu > li > a { font-family: ‘Arial’; font-weight: 400}; } .page-breadcrumb { font-family: ‘Arial’; font-weight: 400; } .page-title-section .overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); height: 100%; padding: 15px 48px; position: relative; width: 100%; display: none; } .callout-section .overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); } .callout-section h1 { color: black; letter-spacing: 0px; padding: 50 90px; margin: 0 100px 0px 0px; text-align: center; line-height: inherit; } .callout-section .overlay { background: none; } .callout-section p { color: #6f170b; font-family: ‘Arial’; font-size: 17px; } .section-heading-title { margin:-180px auto 53px; } .callout-section h1 { margin: -70px auto 50px; text-align: center; line-height: inherit; font-size: 13px !important; } .nav { padding: 60px 0 !important; } .navbar-default { border-color: white;} .blog-lg-area-left h3, .blog-lg-area-right h3, .blog-lg-area-full h3 .blog-btn-area-lg { border-bottom: 1px solid #ffffff !important;} .blog-lg-area-left table th, .blog-lg-area-left table td { border: 1px solid #ffffff !important;}