.main_cont_div {
     margin: 15px auto;
}

#top {
     width: 25%;
     height: 15px;
     display: flex;
     margin-left: 15%;
     /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
}
#navv {
     width: 75%;
     height: 50px;
     margin: auto;
     margin-top: 1.5%;
     /* border: 1px solid black; */
     display: flex;
     margin-left: 15%;
     justify-content: space-evenly;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.box {
     /* margin-top:5px; */
     /* border: 2px solid green;  */
     background-color: rgb(67, 41, 87);
     color: #ffffff;
     padding-left: 5px;
     padding-right: 25px;
     /* margin-right: 35%;  */
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 18px;
     height: 50px;
}
.box > h2 {
     margin-top: 5px;
}

#box1 {
     width: 80%;
     height: 35px;
     display: flex;
     /* border: 1px solid blue;  */
     justify-content: space-evenly;
     margin-top: 7px;
}

#box1 > p {
     text-align: center;
     margin-top: 10px;
     font-family: "Source Sans Pro", sans-serif;
     font-size: 13px;
     color: #565353;
     font-weight: 600;
}

#metro {
     width: 75%;
     height: 300px;
     /* border: 1px solid black; */
     margin-left: 15%;
     margin-top: 10px;
     display: flex;
}

.b1 {
     width: 65%;
     height: 99.5%;
     /* border: 1px solid red; */
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.b2 {
     width: 35%;
     height: 99.5%;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
     /* border: 1px solid green;  */
     margin-left: 5%;
     background-color: #ffffff;
}

#c1 {
     width: 46.2%;
     /* height: 250px; */
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(1, fr);
     /* border: 1px solid orange; */
     margin-left: 15%;
     margin-top: 25px;
     gap: 10px;
     background-color: #ffffff;
}

#c1 > div {
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
#c1 > div > p {
     margin-left: 15px;
     font-family: "Source Sans Pro", sans-serif;
     color: #333333;
}

#c1 > div > p:hover {
     color: black;
     text-decoration: underline;
}

#c1 > div > img {
     /* border: 1px solid black; */
     width: 100%;
}

#date1 {
     margin-top: -5px;
     margin-left: 15px;
}

.date {
     color: #ffffff;
}

#top2 {
     /* border: 1px solid black; */
     display: flex;
     justify-content: space-between;
     width: 75%;
     /* height: 20px; */
     margin-left: 15%;
     margin-top: 5px;
}

#top2 > p {
     /* padding-right:800px; */
     width: 25%;
     height: 15px;
     font-weight: 700;
     font-family: "Source Sans Pro", sans-serif;
     /* line-height: 16px; */
     font-size: 18px;
}

#bigb {
     /* border: 2px solid orangered;  */
     width: 100%;
     /* height: 650px;  */
     margin-top: 15px;
     background-color: rgb(246, 246, 246);
}
#metro1 {
     width: 75%;
     height: 300px;
     display: flex;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     margin: auto;
     margin-left: 15%;
}
#metro1 > div {
     /* border: 2px solid black; */
     width: 33%;
     margin-top: 10px;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

#metro1 > div > h2 {
     color: rgb(67, 41, 87);
     text-align: start;
     font-size: 30px;
     font-family: "Source Serif Pro", serif;
     font-weight: 400;
     margin-left: 20px;
     margin-top: 45px;
}

#metro1 > div > p {
     color: rgb(67, 41, 87);
     font-family: "Source Serif Pro", serif;
     margin-left: 20px;
}
#e1 > div {
     margin-top: 3%;
     height: 40%;
     /* border: 2px solid black;  */
     background-color: #ffffff;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.b1 {
     display: flex;
     grid-template-columns: repeat(2, 1fr);
}

.b1 > div:first-child {
     width: 65%;
}
.b1 > div:first-child > img {
     width: 100%;
     height: 100%;
}
.b1 > div:last-child {
     width: 44%;
     padding: 2%;
     background-color: rgb(67, 41, 87);
}
.b1 > div:last-child > h2 {
     margin-top: 15%;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 30px;
     color: #ffffff;
}
.b1 > div:last-child > h2:hover {
     color: #ffffff;
     text-decoration: underline;
}
#b2 > img {
     width: 100%;
     height: 100%;
}
.b1 > div + div > h2 + p {
     color: white;
}

#head1 {
     text-align: center;
     margin-top: 15%;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 30px;
     color: rgb(67, 41, 87);
}
#pic {
     width: 100%;
     height: 100%;
}
#c2 {
     background-color: rgb(238, 158, 24);
}

.box2 {
     /* margin-top:5px; */
     /* border: 2px solid green; */
     background-color: rgb(238, 158, 24);
     color: #ffffff;
     padding-left: 5px;
     padding-right: 25px;
     /* margin-right: 35%;  */
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 18px;
}
.box2 > h2 {
     margin-top: 5px;
}

.head {
     margin-top: 15%;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 700;
     font-size: 30px;
     margin-left: 30px;
     color: rgb(238, 158, 24);
}

.date1 {
     margin-left: 30px;
     color: rgb(238, 158, 24);
}

#bigb1 {
     background-color: rgb(255, 239, 239);
}

hr {
     width: 75%;
     margin-left: 15%;
}

#last1 {
     background-color: #ffffff;
}

#last {
     width: 100%;
     height: 100%;
}
#e1 > div > p {
     margin-left: 10%;
     margin-top: 10%;
     font-family: "Source Sans Pro", sans-serif;
     font-weight: 500;
     font-size: 15px;
     width: 70%;
}