@font-face {
  font-family: 'Montserrat';
  src: url('montserratalternates-regular-webfont.woff2');
}

body {
  font-family: 'Montserrat', cursive;
  background-color: #ffffe6;
}

 /* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 200px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  margin: 0;
  padding: 0;
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #802b00; 
  overflow-x: auto; /* Disable horizontal scroll */
  padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
  padding: 16px;
  text-decoration: none;
  font-weight: bold;
  color: white;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  background-color:black;
  color: rgb(255,255,255);
}


/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size)*/ 
@media screen and (max-width: 700px) {
  .sidenav {width: 100%; height: auto; position: relative;}
  .sidenav a {float: left;}
  .content {margin-left: 0; }
} 

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
 }
  
.mainFirst {
  display: block;
  margin-left: 200px;
  background-color: #ffffe6;
  /*padding: 0px 10px;*/
}

.MyTopHead {
   color: #802b00;
   padding-top: 20px;
   text-align: center;
   font-weight: 700;
   margin: 0 auto;
   width: 100%;
   position: relative;
}
     
.MyTop2Head {
   color: #802b00;
   text-align: center;
   font-weight: 700;
}
     
.first {
   max-width: 100%;
   height: auto;
 }
 
.second {
   max-width: 100%;
   height: auto;
}

.mainSecond {
  display: block;
  margin-left: 50px;
  background-color: #ffffe6;
  position:relative;
  width: 100%;
  padding: 50px;

}