body {
 margin: 0;
 padding: 0;
 font-family: Arial;
 background-color: #f1f1f1;
}


#l_o_1 {
 top: 0;
 height: 68px;
 width: 100%;
 margin: 0 auto;
 position: fixed;
 background-color: #006bb7;
 z-index: 2;
}


#l_o_1 #header {
 height: 68px !important;
 width: 70% !important;
 margin: 0 auto;
 position: relative !important;
 background-color: #006bb7;
}


#l_o_1 #header .l_o_1 {
 width: 70%;
 margin: 0 auto;
 position: relative;
}


#l_o_1 #header .logo {
 top: 4px;
 right: 110px;
 width: 60px;
 height: 60px;
 display: block;
 position: relative;
 background-size: cover;
 background-image: url(/uploads/logo_image/logo.png);
}


#header .menu {
 right: -90px;
 float: right;
 bottom: 50px;
 position: absolute;
}


#header .menu ul {
 list-style-type: none;
}


#header .menu li {
 float: left;
}


#header .menu a {
 top: 26px;
 color: #FFF;
 right: 0;
 font-size: 14px;
 margin-left: 30px;
 display: block;
 font-weight: bold;
 text-decoration: none;
 position: relative;
 z-index: 4;
}


#container {
 width: 70%;
 margin: 140px auto;
 position: relative;
 z-index: 1;
}


#container h1 {
 margin-top: 70px;
 font-size: 24px;
 color: #555;
 font-weight: normal;
 position: relative;
}


#container .l_o_2 p {
 margin-top: 60px;
 font-size: 15px;
 color: #555;
 font-weight: bold;
 position: relative;
}


#container .l_o_3 {
 margin-top: 80px;
 font-size: 15px;
 color: #555;
 font-weight: bold;
 position: relative;
}


#container p {
 margin-top: 20px;
 font-size: 15px;
 color: #555;
 font-weight: normal;
 position: relative;
}


#container a {
 color: #006bb7;
 font-weight: bold;
 text-decoration: none;
}


body.dark-mode {
 margin: 0;
 padding: 0;
 font-family: Arial;
 background-color: #222;
}


.dark-mode #container h1 {
 margin-top: 70px;
 font-size: 24px;
 color: #FFF;
 font-weight: normal;
 position: relative;
}


.dark-mode #container .l_o_2 p {
 margin-top: 60px;
 font-size: 15px;
 color: #D5D5D5;
 font-weight: bold;
 position: relative;
}


.dark-mode #container .l_o_3 {
 margin-top: 80px;
 font-size: 15px;
 color: #FFF;
 font-weight: bold;
 position: relative;
}


.dark-mode #container p {
 margin-top: 20px;
 font-size: 15px;
 color: #D3D3D3;
 font-weight: normal;
 position: relative;
}


.dark-mode #container a {
 color: #57a5dd;
 font-weight: bold;
 text-decoration: none;
}











@media (max-width: 767px) {


#l_o_1 #header .logo {
 top: 7px;
 right: 50px;
 width: 56px;
 height: 56px;
 display: block;
 position: relative;
 background-size: cover;
 background-image: url(/uploads/logo_image/logo.png);
}


#header .menu {
 display: flex;
 justify-content: flex-end;
}


#header .menu ul {
 list-style-type: none;
 display: flex;
 padding: 0;
 margin: 0;
}


#header .menu li {
 margin-left: 0px;
}


#header .menu a {
 right: 7vh;
 color: #FFF;
 font-size: 13px;
 margin-left: 14px;
 font-weight: 550;
 text-decoration: none;
 text-align: center;
 z-index: 4;
 padding: 0px 0px 0px 0px;
}


#container p {
 margin-top: 20px;
 font-size: 15px;
 color: #555;
 font-weight: normal;
 position: relative;
 line-height: 30px;
}


.dark-mode #container p {
 margin-top: 20px;
 font-size: 15px;
 color: #D3D3D3;
 font-weight: normal;
 position: relative;
 line-height: 30px;
}


}