practice3.css

* {
  box-sizing: border-box;
} 

body {
  font-family: Arial;
  margin: 0;
   background: url(header5.jpg);
  background-size: cover;
  background-attachment: fixed;
  color: rgba(250, 250,250,0.6);
  font-size: 25px;
}

.header {
  padding: 1px;
  text-align: center;
  border-bottom: 1px solid rgba(250, 250,250,0.6);
  color: rgba(250, 250,250,0.6);
}

.navbar {
  display: flex;
  background-color: rgba(209, 120, 84,0.6);
  position: sticky;
  top: 0px;
}

.navbar a {
  color: rgba(250, 250,250,0.6);
  padding: 5px 20px;
  text-align: center;
}

.navbar a:hover {
  background-color: #1d2931;
  color: rgba(209, 120, 84,0.6);
}

.row {  
  display: flex;
  flex-wrap: wrap;
}

.side {
  flex: 30%;
   background-color: rgba(29, 41, 49,0.9);
  padding: 20px;
}

.main {
  flex: 70%;
  padding: 20px;
}

.fakeimg {
  background-color: rgba(209, 120, 84,0.6);
  width: 100%;
  padding: 20px;
  display: flex;
}
img{
  width: 400px;
  height: 300px;
  padding-right: 30px;
}

.footer {
  padding: 20px;
  text-align: center;
  background-color: rgba(209, 120, 84,0.6);
}

@media screen and (max-width: 700px) {
  .row, .navbar {   
    flex-direction: column;
  }