:root {
  --primary-color: #244855;
  --secondary-color: #E64833;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-ExtraBold.ttf);
  font-weight: bolder;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-ExtraBoldItalic.ttf);
  font-weight: bolder;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-Light.ttf);
  font-weight: lighter;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-LightItalic.ttf);
  font-weight: lighter;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: opensans;
  src: url(../fonts/OpenSans-SemiBold.ttf);
  font-weight: 600;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: opensans;
}


@media (max-width: 1250px) {
  p {
    font-size: 1.2rem;
  }
}

@media (max-width: 650px) {

  p {
    font-size: 1.1rem;
  }
}

@media (max-width: 450px) {

  p {
    font-size: 1rem;
  }
}

@media (max-width: 250px) {
  p {
    font-size: .9rem;
  }
}