Проблема в фоновой картинке

https://pastenow.ru/5691084af54d7d434be64e0c8504246e 

Меня значения в header, а именно в background то текст и картинка с телефоном сьезжают вниз, па фоновая картинка становиться больше. Только начал программировать извиняюсь.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


.clear {
  clear: both;
}

body {
    background-color: #34495e;
    color: #c8c8c8; /* цвет текста */
    font-family: 'Roboto', sans-serif;
    font-weight: 300; /* насыенность линии */
    line-height: 28px; /* межстрочный интервал */
    margin: 0;
    padding: 0;
}

header {
    background: url(images/bg3.jpg) 50%  0 no-repeat fixed;
    background-size: cover;  /* размер во всю ширину */
}

.wrapper {
      max-width: 1170px;
      margin: 0 auto;
}
header .wrapper {
    padding: 100px 50px 15px 50px;

}
#header-left {
    float: left;
    width: 70%
}

#header-right {
    float: left;
    width: 30%
}