.footer { background: url('../../images/footer-bg.jpg') no-repeat center; background-size: cover; width: 100%; display: block; } .footer .top_row { padding-top: 30px; padding-bottom: 52px; position: relative; align-items: center; } .download_img--wrapper { display: flex; align-items: center; text-decoration: none!important; padding-bottom: 20px; } .download_img--wrapper img { width: 60px; } .download_img--wrapper .download_text { font-family: var(--montserrat); font-style: normal; font-weight: normal; font-size: 25px; line-height: 36px; letter-spacing: -0.02em; color: var(--white); padding-left: 20px; margin-bottom: 0; } .main_top--footer { border-bottom: 1px solid #2D313A; } .footer .bottom_row { padding-top: 24px; padding-bottom: 20px; } .footer .footer_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; color: var(--primary-color); margin-bottom: 0; padding-bottom: 13px; } .footer .links_list--wrapper { column-count: 2; column-gap: 0; padding-bottom: 30px; } .links_list--wrapper .link_list a { font-family: var(--open-sans); font-style: normal; font-weight: 600; font-size: 16px; line-height: 38px; color: var(--white); text-decoration: none; padding-bottom: 5px; transition: all ease 0.4s; } .links_list_post--wrapper { padding-bottom: 30px; } .links_list_post--wrapper .link_list_post { display: flex; align-items: center; margin-bottom: 15px; } .link_list_post .calendar-data span { display: block; } .link_list_post .calendar-data { width: 40px; height: 40px; background: var(--white); border-radius: 10px; padding: 10px; text-decoration: none; transition: all ease 0.4s; } .link_list_post .calendar-data .date { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 16px; line-height: 10px; text-transform: uppercase; color: var(--primary-color); } .link_list_post .calendar-data .month { font-family: var(--open-sans); font-style: normal; font-weight: bold; font-size: 10px; line-height: 15px; text-transform: uppercase; color: #4D4F54; } .link_list_post .list_details { padding-left: 15px; font-family: var(--open-sans); font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: var(--white); transition: all ease 0.4s; } .link_list_post .list_details br { display: none; } .footer_map { mix-blend-mode: luminosity; } .link_list a:hover, .link_itobuz:hover { color: var(--primary-color)!important; } .link_list_post:hover .calendar-data { background: var(--primary-color); } .link_list_post:hover .calendar-data span { color: var(--white); } .gp_icon { display: flex; align-items: center; } .gp_icon a img { width: 140px; } .gp_icon .apple_img { margin-left: 10px; } @media ( min-width: 480px ) { .gp_icon .apple_img { margin-left: 20px; } } @media ( min-width: 768px ) { .footer .top_row { padding-top: 153px; padding-bottom: 62px; } .download_img--wrapper .download_text { font-size: 25px; line-height: 34px; } .download_img--wrapper img { width: auto; } .footer .bottom_row { padding-top: 64px; padding-bottom: 40px; } .footer { margin-top: -5rem; } } @media ( min-width: 992px ) { .footer .top_row { padding-top: 253px; padding-bottom: 72px; } .footer .bottom_row { padding-top: 104px; padding-bottom: 60px; } .link_list_post .list_details br { display: block; } .link_list_post .list_details { padding-left: 30px; } .download_img--wrapper { justify-content: flex-end; } .gp_icon a img { width: auto; } .footer .footer_title { padding-bottom: 33px; } } @media ( min-width: 1200px ) { .footer { margin-top: -8rem; } .gp_icon { padding-left: 45px; } .footer_map { margin-top: 30px; } } @media ( min-width: 1680px ) { .footer .top_row { padding-top: 220px; padding-bottom: 82px; } } .botton_footer { text-align: center; background: #16181E; padding: 31px 0px; } .botton_footer p { font-family: var(--open-sans); font-style: normal; font-weight: 600; font-size: 14px; line-height: 23px; color: #595E6B; margin: 0; } .botton_footer p .link_itobuz { color: #A0A4AF; transition: all ease 0.4s; } @media ( min-width: 1780px ) { .home_one--wrapper .footer::before { right: 8rem; } }