body {
 font-family: "Roboto", sans-serif;
 margin: 0PX;
}

.sidenav {
  height: 100%;
  width: 160px;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 90px;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  line-height: 35px;
  font-size: 17px;
  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.main {
  margin-right:160px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
  padding-top: 90px;
}
.main h2{
  font-size:27px;
}
.color-racos{
  color: rgb(7, 7, 95);
}
.main p{
 line-height: 25PX;
 font-size: 17px;
 font-weight:none;
 margin: 0px;
}
.dot {
  cursor: pointer;
  height:4px;
  width: 4px;
  margin-right: 13px;
  margin-bottom: 3px;
  background-color:black;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.bold-com{
  font-weight: bold;
  font-size: 15px;
}
.bold{
  margin: 0px;
}
.identity{
  margin-right: 160px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
  padding-top: 20px;
}
.identity p{
  margin: 0px;
   line-height:25px;
  font-size: 17px;
 font-weight:none;
}
.mai{
  text-decoration: none;
  color: rgb(7, 7, 95);
}
.Last-identity{
  margin-right: 160px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
  padding-top: 20px;
  padding-bottom: 80px;
}
.Last-identity h2{
  line-height: 30px;
  padding-left: 6px;
}
.identity h2{
  line-height: 30px;
  padding-left: 6px;
}
.main h2{
  line-height: 30px;
  padding-left: 6px;
}
.Last-identity p{
  margin: 0px;
  line-height: 25px;
 font-size: 17px;
 font-weight: none;
}
.privacy-btn{
  height: 60px;
  border-radius: 30px;
  background: rgb(7, 7, 95);
  color: white;
  font-weight: bold;
  font-size: 14px;
  width: 200px;
  border: none;
  transition: 0.15s;
}
.privacy-btn:hover{
  background: black;
  color: white;
}
.div-pri{
  display: flex;
  padding-bottom: 30px;
  padding-top: 30px;
  justify-content: center;
}
.div-pri a{
  text-decoration: none;
  color: white;
}

@media screen and (max-height: 450px) {
  .sidenav {
    display: none;
  }
  .sidenav a {font-size: 18px;}
  .main h2{
  font-size:30px;
}
}
@media(max-width:600px){
  .main h2{
  font-size:20px;
}
.identity h2{
  font-size: 20px;
}
  .sidenav {
    display: none;
  }
  .main{
    margin-right: 0px;
    padding: 0px;
    padding-top: 80px;
  }
  .identity{
    margin-right: 0px;
    padding: 0px;
  }
  .Last-identity h2{
  font-size: 20px;
}
  .Last-identity{
    margin-right: 0px;
    padding: 0px;
  }
}

@media(max-width:768px){
  .main h2{
  font-size:20px;
}
  .sidenav {
    display: none;
  }
  .main{
    margin-right: 0px;
    padding: 0px;
    padding-top: 80px;
  }
  .Last-identity h2{
  font-size: 20px;
}
  .identity h2{
  font-size: 20px;
}
  .identity{
    margin-right: 0px;
    padding: 0px;
  }
  .Last-identity{
    margin-right: 0px;
    padding: 0px;
  }
}

@media(max-width:980px){
  .main h2{
  font-size:20px;
}
  .sidenav {
    display: none;
  }
  .main{
    margin-right: 0px;
    padding: 0px;
    padding-top: 80px;
  }
  .identity h2{
  font-size: 20px;
}
.Last-identity h2{
  font-size: 20px;
}
  .identity{
    margin-right: 0px;
    padding: 0px;
  }
  .Last-identity{
    margin-right: 0px;
    padding: 0px;
  }
}