@import "partials/partials"; html, body{ color: #505050; font-family: $font-poppins; margin: 0; padding: 0; } a { text-decoration: none; cursor: pointer; } img{ max-width: 100%; } ul, li { list-style: none; padding: 0; margin: 0; } // @media (min-width: 1200px){ // .custom-container{ // max-width: 1146px; // } // } .body-outer{ padding-top: 90px; @media ($sm-1481){ padding-top: 80px; } @media ($sm-579){ padding-top: 65px; } } .primary-button{ display: inline-block; font-size: 16px; border-radius: 30px; border: solid 1px $color-primary; transition: all 0.5s; background-color: $color-primary !important; &:hover{ color: $color-primary !important; background: #fff !important; } } .btn-2{ display: inline-block; font-size: 16px; border-radius: 30px; padding: 12px 30px; text-transform: uppercase; color: #fff !important; transition: all 0.3s; border: solid 1px $color-primary; transition: all 0.5s; background-color: $color-primary !important; &:hover{ color: $color-primary !important; background: #fff !important; } } .btn-3{ position: relative; display: inline-block; font-size: 16px; border-radius: 30px; padding: 12px 30px; text-transform: uppercase; color: #fff; transition: all 0.5s; background-color: #000; border: solid 1px #000; &:hover{ background-color: #fff; color: #000; } @media ($sm-1481){ font-size: 15px; } @media ($sm-767){ font-size: 14px; } } .title-block{ margin-bottom: 30px; h3{ font-size: 16px; color: $color-primary; text-transform: uppercase; font-weight: 700; } h2{ color: #2C2A20; font-size: 32px; font-weight: 600; text-transform: uppercase; margin-top: 8px; font-family: $font-oswald; span{ color: $color-primary; } } } .sec-p{ padding: 100px 0; }