﻿<style>
* {
  box-sizing: border-box;
}
#the_walk, #transport, #history, #gallery   {
  width: 100%;
  padding: 50px 0;
  text-align: Left;
  background-color:orange;
  margin-top: 20px;
}
.col1w{
  background-color: pink;
   color:white;
  float: left;
  width: 8%;
  height:400px;
  overflow-y: scroll;
  padding: 0px 10px;
  margin-bottom:1%;
}

/*height:400px---------*/
.col1{
  background-color: red;
  float: left;
  width: 8%;
  height:400px;
  overflow-y: scroll;
  padding: 0px 10px;
  margin-bottom:1%;
}

.col1item {
  padding: 8px;
  margin-top: 7px;
  border-bottom: 2px solid #f1f1f1;
  height: 100vh;
}
  .col2-content {
      height: 100vh;
      text-align: justify;
    }
/*width:56%---------*/
/*height:400px---------*/
.col2 {
  background-color: white;
  float: left;
  width: 95%;
  height:400px;
  overflow-y: scroll;
  padding: 0px 10px;
  margin-bottom:1%;
}
.col3 {
  background-color: yellow;
  float: left;
  width: 12%;
  height:400px;
  overflow-y: scroll;
  padding: 0px 10px;
  margin-bottom:1%;
}

</style>
