links.css

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body {
 background-image: url(https://images.unsplash.com/photo-1523305846158-488dedcf8629?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80);
 background-attachment: fixed;
  background-position: center;
  font-family: Georgia, serif;
}

* {
  box-sizing: border-box;
}
.topnav {
  overflow: hidden;
  background-color: #333;
  width:100%;
  display: flex;
  justify-content: space-between;
  font-family: 'Bebas Neue', cursive;
  position: fixed;
  top:0;

}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 30px;
  font-family: 'Bebas Neue', cursive;



}

.topnav-header {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 30px;
  font-family: 'Bebas Neue', cursive;

}

.topnav a:hover {
  background-color: #ddd;
  color: black;

}

.topnav a.active {
  background-color: #72768a;
  color: white;

}


.bg {
  background-position: center;
  background-size: cover;
}

.WebContainer{
    width:100%;
    min-width:1000px;
    height:auto;
}
.img {
  max-width: 100%;
  display: block;
}

.column-2 {
  color: white;
  float: left;
  width: 45%;
  padding: 40px;
  padding-left:70px;
  padding-right: 70px;
  height: 475px;
  margin: 5rem;
  background-color: black;
  line-height:2;
  border-radius: 1rem;

}
.chalew {
  color:white;
}


a:link {
  text-decoration: none;
}

a:hover {
  background-color: steelblue;
}


@media screen and (max-width: 900px) {
    .column-2 {
    font-size: .6rem;
    padding-left:10px;
    padding-right: 10px;
    margin-top: 100px;

    }
.topnav-header {
  display: none;
}
}