/* link to briston font */
@font-face {
  font-family: Briston;
  src: url(/assets/fonts/bristone/Bristone.otf)
  
}

/* variables/root */
:root{
  --white: #ffffff;
  --blue:#0E69B2;
  --light-blue: #E7F0F7;
  --black: f000000;
  --light-orange: #FFA500;
  --grey: #808080; 
}

/* utilities */
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  font-family: inter;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
/* terms of service */
.terms .container  .image img {
  display: block;
  max-width: 100%;
}
.headline {
  background: url(/assets/mockups/mockup_2.png) no-repeat center center/cover;
  height: 50vh;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  justify-content: center;
  align-items: center;
}
.headline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  opacity: 0.9;
  z-index: 1;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.8);
}
.headline h1{
  color: var(--white);
  font-family: Briston;
  font-size:1.8rem;
  z-index: 2;
}
.headline a {
  z-index: 2;
}
.container {
  margin-top: 4rem;
}
/* content */
.terms-content-1{
  font-size: 1.3rem;
  color: var(--black);
}
.terms-subheadline{
  font-size: 1.4rem;
  color: var(--blue);
}
.terms-content {
  font-size: 1rem;
}

.heading {
  color: var(--blue);
}

.camera-heading{
  color: var(--blue);
  font-size: 1.3rem;
}