/** MOBILE VIEW **/


* {
  font-family: Times New Roman, San Serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;  
}



header {
  /*  display: none; */
  width: 100%;
  position: fixed;
  z-index: 9000;
  background-color: white;

}


#header_title {
  display: none;
}

.cont_header {
  display: flex;
  border-bottom: 0.5px solid gray;
}

.image_logo {
  cursor: pointer;  
  margin: 5px auto;
  height: 80px;
  border: 0px solid green;
  transition: filter 0.1s ease;

}



.image_logo:hover {

   filter: 

        brightness(300%)
        hue-rotate(280deg);

}


.cont_title {
  padding: 95px 0 10px 0;
  display: block;
  border: 0px solid green;
}

.dis_title {
  text-align: center;
  margin: 4px 0 3px 0;
  font-weight: bold;
  font-size: 24px;
  color: rgba(8, 40, 84, 1);
  border: 0px solid red;
}

.dis_title_line {
  margin: 0 auto;
  height: 1.25px;
  width: 95%;
  background-color: rgba(8, 40, 84, 1); 
  border: 0px solid black;
}

.dis_heading {
  text-align: center;
  margin: 3px 0 0 0;
  font-size: 18px;
  font-weight: bold; 
  color: rgba(8, 40, 84, 1);  
  border: 0px solid red;
}













nav {
  z-index: 20;
  border: 0px solid green;
}


#nav_button {
  position: fixed;
  z-index: 3;
  top: 20px;
  right: 25px; 
  display: block;
  height: 45px;
  width: 45px;
  cursor: pointer;
  border-radius: 6px;
  border: 2.5px solid #A9A9A9;
}

.nav_line {
  margin: 7px auto 0px auto;
  width: 70%;
  height: 3.5px;
  border-radius: 4px;
  background-color: #A9A9A9;
}

#nav_close {
  position: fixed;
  z-index: 2;
  display: none;
/*
  display: block;
*/
  font-size: 40px;
  top: 12px;
  right: 33px;
  cursor: pointer;
  background-color: none;
  color: #A9A9A9;
  border: 0px solid red;

}








#nav_main_menu {
  position: fixed;
  z-index: 4;
  display: none;

/*
  display: block;
*/

  top: 90px;
  width: 100%;
  background-color: #A9A9A9;
  border-bottom: 0px solid red;
}


#nav_menu_1,
#nav_menu_2 {

  display: flex;
  border: 0px solid red;
}

#nav_title_1,
#nav_title_2,
#nav_title_3 {

  cursor: pointer;
  margin: auto auto;
  display: block;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  font-weight: bold;
  color: rgba(8, 40, 84, 1);
  background-color: none;
  border: 0px solid black;  
}


/*
#nav_title_3 {
  text-align: center;
  padding: 6px 0;
}
*/




#nav_menu_1_open,
#nav_menu_2_open

 {
  padding-top: 0px;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 40px;
  color: rgba(8, 40, 84, 1);
  font-size: 24px;
  font-weight: bold;
  background-color: none;
/*
  border: 1.5px solid rgba(8, 40, 84, 1);

  border-right: 1.5px solid #A9A9A9;
*/
}

#nav_menu_1_close,
#nav_menu_2_close
 {
  width: 40px;
  cursor: pointer;
  color: rgba(8, 40, 84, 1);
  text-align: center;
  font-size: 18px;
  padding: 5px 0;

  display: none;
/*
  display: block;
*/

  background-color: none;
  border: 1.5px solid rgba(8, 40, 84, 1);




}





.nav_sub_menu_cont {


}

#nav_sub_menu_1,
#nav_sub_menu_2
 {


  display: none;
/* 
  display: flex;
*/

  flex-direction: column;
  background-color: rgba(8, 40, 84, 1);
  width: 100%;

  border-top: 1.5px solid white; 
}



/*

.nav_sub_menu_items {
  display: flex;
  background-color: rgba(8, 40, 84, 1);
  border-bottom: 0.5px solid white;
  margin: 0 auto;

}

*/




.nav_sub_items {
  padding: 6px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  width: 100%;

  border-bottom: 1px solid white; 


}