AlkantarClanX12
Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/digital-download-1/sass/pages/home/ |
Current File : //home/thanudqk/siamfreetour.com/wp-content/themes/digital-download-1/sass/pages/home/_banner.scss |
.banner{ position: relative; padding: 200px 0 105px; background-size: cover !important; &:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } /*img{ width: 100%; vertical-align: top; height: 612px; -o-object-fit: cover; object-fit: cover; } */ .banner-text{ max-width: 830px; // position: absolute; // top: 50%; // left: 50%; // @include transform(translate(-50%, -25%)); text-align: center; z-index: 1; margin: 0 auto; position: relative; .title{ line-height: 1.258em; font-size: 3.4em; font-weight: 700; color: $white_color; margin: 0 0 10px; } /*title*/ .banner-content{ line-height: 1.6em; font-size: 1.1em; color: #dae1e7; margin: 0 0 50px; } /*banner-content*/ .btn-holder{ .btn-primary{ margin: 0 7px 14px; &:hover, &:focus{ color: $white_color; } /*hover*/ } /*btn-primary*/ .btn-view-pricing{ background: #86919d; border-color: #86919d; &:hover, &:focus{ background: none; color: $white_color; } /*hover*/ } /*btn-view-pricing*/ } /*btn-holder*/ } /*banner-text*/ } /*banner*/ @media only screen and (max-width: 1024px){ .banner{ .banner-text{ max-width: 600px; .title{ font-size: 2.4em; } //title } //banner-text } //banner } @media only screen and (max-width: 767px){ .banner{ padding-bottom: 60px; .banner-text{ padding: 0 15px; .title{ font-size: 2em; } //title .btn-holder{ .btn-primary{ font-size: 0.889em; padding: 10px 20px; } //btn-primary } //btn-holder } //banner-text } //banner }