/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900); */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200&display=swap');

/******* FONT TYPE *******/


/******* FONT SIZE *******/

h1, .h1 {
  font-size: 3.157em;
  line-height: 1.548em;
  color: #333333;
}

h2, .h2 {
  font-size: 2.369em;
  line-height: 1.576em;
  font-weight: 500;
  color: #333333;
}

h3, .h3  {
  font-size: 1.777em;
  line-height: 1.615em;
  font-weight: 300;
  color: #333333;
}

h4, .h4 {
  font-weight: 400;
  font-size: 1.333em;
  line-height: 1.65em;
  color: #2E384B;
}

h5, .h5 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.5em;
  color: #C1BCCD;
}

h6, .h6 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75em;
  line-height: 2.077em;
  color: #5972B6;
}

p {
  font-size: 1em;
  line-height: 1.688em;
  font-weight: 200;
}

.p-sub {
  color: #73707A;
  font-weight: 600;
  margin-bottom: 1em;
}
.mini {
  margin-bottom: .5em;
}

.cap-lg {
  font-size: 0.75em;
  line-height: 18px;
}

.cap-sm {
  font-size: 0.5625em;
  line-height: 13.5px;
  text-transform: uppercase;
}

.r-trademark {
  top:-1.25em;
  font-size: 14px;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
  color: inherit;
}



/******* FONT STYLES *******/
.italic {
  font-style: italic
}
.underline {
  text-decoration: underline;
  text-underline-offset: .35em;
}
.strikethrough {
  text-decoration: line-through;
}

/******* FONT STYLE *******/
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-shadow {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.bold{
    font-weight: bold;
}
.bold-400 {
    font-weight: 400;
}
.bold-600 {
    font-weight: 600;
}
.light {
    font-weight: lighter;
}
.bold-none{
    font-weight: normal;
}


/******* FONT COLORS *******/
.font-main {
  color: #2E384B;
}
.font-primary-light {
  color: #C1BCCD;
}
.font-white{
    color: #ffffff;
}
.font-grey {
  color: #73707A;
}
.font-grey-light {
    color: #515151;
}
.font-red {
    color: #B95A5A;
}
.font-purple {
    color: #8757E3;
}
.font-blue-grey {
    color: #547980;
}
.font-safetymap {
    color: #2873CC;
}
.font-spotify {
    color: #1DB954;
}
.font-DD-yellow {
    color: #c5bf89;
}
.font-DD-red {
    color: #bc8c89;
}