/**main colore**/

$Primary: #004741;
$Light_Green: #008f83;
$Secondry: #d3ac69;
$Brown: #bd8c37;
$Black: #212121;
$Gray: #68696e;
$Stroke: #f2f2f3;
$Light_Gray: #fafafa;
$White: #ffffff;

/** break point **/
$mobileMin: 380px;
$mobileMax: 480px;
$tabletPort: 768px;
$tabletLand: 1000px;
$desktopNorm: 1260px;
$mainViewBreak: 1310px;
$LargViewBreak: 1545px;

@mixin lvb {
  @media (max-width: $LargViewBreak) {
    @content;
  }
}

@mixin mvb {
  @media (max-width: $mainViewBreak) {
    @content;
  }
}

@mixin lg {
  @media (max-width: $desktopNorm) {
    @content;
  }
}

@mixin md {
  @media (max-width: $tabletLand) {
    @content;
  }
}

@mixin sm {
  @media (max-width: $tabletPort) {
    @content;
  }
}

@mixin xs {
  @media (max-width: $mobileMax) {
    @content;
  }
}

@mixin xxs {
  @media (max-width: $mobileMin) {
    @content;
  }
}

/** general style **/
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

a:focus {
  outline: none;
}

.mainView {
  max-width: 1310px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;

}

img {
  max-width: 100%;
  height: auto;
}

a,
a:visited {
  text-decoration: none;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
