@import "fonts"; $main_font_light:"RobotoLight", sans-serif; $main_font_regular:"RobotoRegular", sans-serif; $main_font_medium:"RobotoMedium", sans-serif; $main_font_bold:"RobotoBold", sans-serif; $main_font_black:"RobotoBlack", sans-serif; $main_color:#4d6292; *{ margin: 0; padding: 0; } .container { width: 1920px; max-width: 100%; margin: auto; } .wrapper { width: 1180px; max-width: 90%; margin: auto; } body{ font-family:$main_font_regular; color: $main_color; font-size: 24px; line-height: 1.2; } .hidden{ display: none; } .overflow-hidden{ overflow: hidden; } .responsive{ max-width: 100%; } .auto{ display: block; margin:auto; } .relative{ position: relative; } .display-block{ display: block; } .display-flex{ display: flex; } strong{ font-family:$main_font_bold; } @mixin clear(){ display: block; content: ""; clear: both; } .clearfix{ &:after{ @include clear; } .float-left, .float-right { box-sizing: border-box; max-width: 100%; } } .float-left{ float: left; } .float-right{ float: right; } .btn{ border: none; outline: none; display: block; cursor: pointer; border-radius: 5px; background-color: rgb(223, 105, 1); width: 350px; height: 70px; max-width: 100%; font-family:$main_font_bold; font-size: 36px; color: #FFF; &.call-back{ height: 60px; font-family:$main_font_regular; font-size: 30px; } } button.btn{ transition: all .2s ease-in-out; &:hover{ transform: scale(1.05); } } .title{ margin-bottom: 100px; text-align: center; font-size: 36px; }