/*Reset.css*/

body {
  font-family: "DM Sans", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #414141;
}

h1,h2,h3,h4,h5,h6 {
  line-height: 1;
  padding-bottom: .6rem;
  font-family: 'DM Serif Display', sans-serif;
  color: #222F33;
}

/*Typography.scss*/

:root {
  font-size: 10px; }

body {
  font-family: "DM Sans", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #414141; }


h1, .h1 {
  font-size: 5.4rem; }

h2, .h2 {
  font-size: 4rem; }

h3, .h3 {
  font-size: 3rem; }

h4, .h4 {
  font-size: 2rem; }

h5, .h5 {
  font-size: 1.8rem; }

h6, .h6 {
  font-size: 1.6rem; }

p {
  margin: 0;
  padding-bottom: 1.6rem; }

a:not([class]), a[class=""] {
  color: #06476B;
  transition: all .3s ease; }
  a:not([class]):hover, a:not([class]):focus, a:not([class]):active, a[class=""]:hover, a[class=""]:focus, a[class=""]:active {
    color: #A71D31; }

a.text-white:hover, a.text-white:focus, a.text-white:active {
  text-decoration: underline; }

ul, ol {
  list-style-position: outside;
  list-style: disc; }
  
/*Counter*/
.counter {
  background-color: #E5ECEE; }

.circle__wrapper img {
  width: 20rem;
  height: 20rem!important; }

.circle__container {
  z-index: 1;
  position: relative; }

.circle__num {
  font-size: 6rem;
  font-family: "DM Serif Display", sans-serif; }