@charset "UTF-8";
body, button,
input[type=submit] {
  font-family: 'robotoReg', sans-serif; }

h1, h2 {
  font-family: 'robotoMed', sans-serif; }

button,
input[type=submit] {
  font-size: 14px; }
  @media all and (max-width: 768px) {
    button,
    input[type=submit] {
      font-size: 13px; } }
  @media all and (max-width: 450px) {
    button,
    input[type=submit] {
      font-size: 12px; } }

body {
  font-size: 16px; }
  @media all and (max-width: 768px) {
    body {
      font-size: 15px; } }
  @media all and (max-width: 450px) {
    body {
      font-size: 14px; } }

@font-face {
  font-family: 'robotoReg';
  src: url("../../src/fonts/Roboto/Roboto-Regular.ttf"); }

@font-face {
  font-family: 'robotoMed';
  src: url("../../src/fonts/Roboto/Roboto-Medium.ttf"); }

@font-face {
  font-family: 'berthold–akzidenz-grotesk-bold';
  src: url("../../src/fonts/berthold–akzidenz-grotesk/Berthold Akzidenz Grotesk Bold.otf"); }

@font-face {
  font-family: 'caprica';
  src: url("../../src/fonts/caprica-font/caprica-script.otf"); }

p {
  margin: 0;
  line-height: 1.7; }

h1 {
  margin: 0; }

h2 {
  margin: 0; }

ul {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0; }