// Body
$body-bg: #ffffff;

// Typography
$poppins: "Poppins", sans-serif;
$lato: "Lato", sans-serif;

$white: #fff;
$black: #110422;
$green: #19DE82;

$light-grey: #F7F8FC;
$grey: #B3B2C6;
$lineGrey: #D8D8D8;
$footerGrey: #DAD8F2;
$borderGrey: #E8E8ED;

$blue:#1F8FF3;
$yellow: #FFCC08;
$red: #F05D4C;

$gutter: 35px;
$gutterMobile: 20px;
//widths 

$col12:  1206px;
$col11: 91.666667;
//$col10:  83.333333%;
$col10:  1064px; // 994px + 70px($gutter*2)
$col9:  75%;
//$col8:   66.666667%;
$col8:   860px; // 790px + 70px
$col7:  67%;
$col6:  50%;
$col5:  33%;
$col4:  33.333333%;
$col3:  25%;
$col1:  8.333333%;


$paddingTop: 80px;
$paddingTopMobile: 40px;

$tablet_1150: 1150px;
$tablet: 1024px;
$tablet_900px: 900px;
$tablet_800px: 980px;
$mobile: 700px;