.section-first-home { color: #fff; min-height: 480px; background: url("../images/slider-home/bg-1.jpg") 50% 0 no-repeat; } .first-home-title { text-align: center; padding-top: 160px; span { font-size: 48px; font-weight: 700; line-height: 58px; text-shadow: 0px 0px 12px rgba(8, 71, 142, 0.65); } } .first-home-links { margin-top: 77px; a{ margin-top: 15px; display: block; width: 100%; height: 80px; position: relative; text-align: center; text-decoration: none !important; background: #77ca3b; span { padding-left: 53px; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 700; position: relative; line-height: 80px; &:before { @include svgIcon; color: #fff; content: '\e900'; font-size: 30px; display: block; position: absolute; left: 0; top: 50%; margin-top: -15px; } } &.first-home-reg { background: $blue-color; span { &:before { content: '\e901'; } } &:hover { background: $blue-color-hover; } } &:hover { @include Transition(0.3); background: #63a831; } } } .section-second { padding-top: 76px; padding-bottom: 60px; } .section-speakers { background: #f3f4f5; padding-top: 36px; padding-bottom: 28px; } .speakers-title { font-size: 24px; font-weight: 700; line-height: 26px; } .items-home-col { text-align: center; margin-top: 20px; } .items-home { width: 100%; max-width: 262px; display: inline-block; text-align: left; background: #fff; box-shadow: 0px 0px 12px 0px rgba(153, 164, 172, 0.35); border-bottom: 2px solid #cbcdcf; padding-bottom: 24px; } .items-home-img { a { display: block; img { max-width: 100%; } } } .items-home-name { text-transform: uppercase; color: #0288d1; font-size: 14px; font-weight: 700; margin-top: 16px; padding-left: 20px; } .items-home-job { padding-left: 20px; margin-top: 9px; line-height: 17px; height: 34px; overflow: hidden; } .items-home-country-wr { width: 100%; display: table; padding-left: 15px; } .items-home-country { display: table-cell; width: 100%; height: 63px; vertical-align: bottom; a { font-size: 14px; color: $main-color; font-weight: 700; line-height: 15px; padding-right: 36px; display: block; position: relative; &:before { @include svgIcon; content: '\e902'; color: $blue-color; position: absolute; bottom: 4px; right: 20px; font-size: 10px; width: 6px; height: 10px; } } } @media (max-width: 991px) { .first-home-title { padding-top: 120px; span { font-size: 36px; line-height: 46px; } } } @media (max-width: 767px) { .speakers-title { text-align: center; } .first-home-title { span { font-size: 26px; line-height: 32px; } } } @media (max-width: 580px) { .first-home-links-col { width: 100% !important; &.col-xs-6 { padding-left: 0 !important; padding-right: 0 !important; } } .first-home-links a { margin-top: 1px; } .first-home-links { position: absolute; left: 10px; bottom: -162px; width: 100%; margin-top: 0; } .section-first-home { min-height: 334px; height: 334px; margin-bottom: 162px; } .section-second { padding-top: 25px; padding-bottom: 18px; } }