:root {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

body {
  margin: 0;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  background-image: url(graphics/paper2.webp);
  background-repeat: repeat;
  font-size: 16px;
}

#wrapper {
    width: 100%;
    overflow: hidden;
}
#container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.banner-img {
    width: 100%;
}

.tab-content-item {
margin-left: 250px;
}

.tab-content-item-copyright {
margin-left: 20px;
}

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}


<!--    /* Styles for tablets and larger screens */ -->
    @media (min-width: 768px) {
        body {
            font-size: 18px;
        }
        .navigation {
            display: flex;
        }
    }

<!--    /* Styles for desktops and larger screens */ -->
    @media (min-width: 1024px) {
        body {
            font-size: 20px;
        }
        .sidebar {
            width: 25%;
            float: left;
        }
        .main-content {
            width: 70%;
            float: right;
        }
    }

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

a {
  color: black;
}

<!-- /* For a link */ -->
a:hover {
  color: white;
}

ul {
<!--  list-style-type: none; -->
  margin: 0;
  padding: 0;
  margin-left: 20px;
  list-style-type: circle;
}

.viewport {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.text-box {
  height: auto;
  width: auto;
  margin: 1vh;
  background-color: black;
  border-radius: 1vh;
  justify-content: center;
  align-items: center;
  border: 0.25vh solid #808080;
}

.title {
  font-size: 6vh;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  padding: 1vh;
}

.subtitle {
  font-size: 4vh;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  padding: 0 1vh 1vh 1vh;
}

.footer {
  font-size: 1vh;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  padding: 0 1vh 1vh 1vh;
  color: white;
  position: absolute;
  bottom: 0;
}

.background-hr-dark {
   margin-left: 0;
   width: 508px;
}