.footer-container{ background-color:#3b393a; font-family:'Montserrat', sans-serif; display: flex; width: 100%; margin: 0 auto; max-width: 1170px; position: relative; } footer{ position:relative; } footer:before{ display: flex; content: ''; max-width: 100%; background-image:url('img/footer_bdg2.jpg'); width:100%; height: 100%; } .footer-item-1, .footer-item-2, .footer-item-3, .footer-item-4{ display:flex; flex-direction: column; justify-content:center; align-items: center; color: white; width:24%; position:absolute; z-index: 1; } .footer-item-1{ display:flex; flex-direction: column; } .footer-item-1 a{ display: flex; text-decoration: none; color: white; font-size: 11px; justify-content:flex-start; } .footer-item-1 p{ margin-top: 10px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; } .footer-item-2 a{ display:flex; flex-direction: column; text-decoration: none; color: white; font-size: 11px; justify-content:flex-start; } .footer-item-2 p{ margin-top: 10px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; } .footer-item-2{ display:flex; flex-direction: column; margin-top: 10px; } .footer-item-3 a{ display: flex; text-decoration: none; color: white; font-size: 11px; justify-content:flex-start; } .footer-item-3 p{ margin-top: 10px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; } .footer-item-3{ display: flex; margin-top: 10px; } .footer-item-4{ display:flex; flex-direction: column; margin-top:10px; } .footer-item-4 p{ margin-top: 10px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; } .footer-item-4 span{ color:white; font-size:12px; } .footer-item-4 label{ font-size:11px; } #l1{ font-size:9px; color:gray; } .pole{ border-radius:5px; border:none; width:175px; height:25px; } footer-item-4 > input{ float:left; } #submit{ border-radius:5px; border:none; width:75px; height:25px; background-color:#eda019; color:white; } #koniec{ display:inline-block; } .footer-containter1{ background-color:#000000; width:100%; height:35px; display:flex; }