body {
  font-family: normal;
  font-size: 15pt;
  background-repeat: no-repeat;
  position: relative;
  background: var(--background-colord);

}



.policy-container{
  width: 648px;
  height: 100%;
  position: absolute ;
}
.conclusion {
  display: none;
  justify-content: center ;
  align-items: center ;
  position: absolute ;
  background: var(--background-image);
  width: 100%;
  height: 60px;
  top: 100%;
  border-radius: 0px 20px 0px 0px ;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1),0 -5px 5px rgba(0, 0, 0, 0.1);
}
.conclusion h4 {
  color: var(--header);
  font-weight: 400;
  font-size: 0.7em ;
  border-bottom: 1px solid var(--header);
}

.po-do {
  position: absolute ;
  top: 15%;
  display: flex ;
  flex-direction: column ;
  gap: 20px ;
  width: 100%;
  height: 250px ;
}
.po-do ul{
  display: flex;
  flex-direction: column;
  gap: 10px ;
  }

.po-do ul ol{

}

.po-do ul ol li{
  
  color: var(--header);
  font-family:'Courier New', Courier, monospace;
  font-size: 1.2em ;
  text-align: center ;
  list-style-type: none;
}
.po-do ul .text li{
  color: var(--header);
  font-size: 0.8em ;
  font-family: monospace;
  letter-spacing: 1px;
  font-weight: 10;
  padding-left: 145px ;
  
}
.contact {
  position: absolute ;
  top: 59%;
  display: flex ;
  flex-direction: column ;
  width: 100%;
 justify-content: center ;
  gap: 3px;
}
.contact h1{
  color: var(--header);
  font-size: 0.9em ;
  font-weight: 300;
  padding-left: 145px ;
}
.contact h3{
  color: var(--header);
  font-size: 0.7em;
  font-weight: 400;
  letter-spacing: 3px;
  padding-left: 145px ;
}
.contact h3 a{
  
  color: var(--header);
}


@media only screen and (max-width: 600px){
  
body {
  font-family: normal;
  font-size: 9pt;
  background-repeat: no-repeat;
  min-height: 100vh;

}

.policy-container{
  background: var(--background-color);
  width: 100%;
  height: 100%;
  position: absolute ;
}
.conclusion {
  display: flex;
  justify-content: center ;
  align-items: center ;
  position: absolute ;
  background: var(--background-image);
  width: 100%;
  height: 60px;
  top: 100%;
  border-radius: 0px 20px 0px 0px ;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1),0 -5px 5px rgba(0, 0, 0, 0.1);
}
.conclusion h4 {
  color: var(--header);
  font-weight: 400;
  font-size: 0.7em ;
  border-bottom: 1px solid var(--header);
}

.po-do {
  position: absolute ;
  top: 15%;
  display: flex ;
  flex-direction: column ;
  gap: 20px ;
  width: 100%;
  height: 250px ;
}
.po-do ul{
  display: flex;
  flex-direction: column;
  gap: 10px ;
  }

.po-do ul ol{

}

.po-do ul ol li{
  
  color: var(--header);
  font-family:'Courier New', Courier, monospace;
  font-size: 1.2em ;
  text-align: center ;
  list-style-type: none;
}
.po-do ul .text li{
  color: var(--header);
  font-size: 0.8em ;
  font-family: monospace;
  letter-spacing: 1px;
  font-weight: 10;
  padding-left: 70px ;
  
}
.contact {
  position: absolute ;
  top: 50%;
  display: flex ;
  flex-direction: column ;
  width: 100%;
 justify-content: center ;
  gap: 3px;
}
.contact h1{
  color: var(--header);
  font-size: 0.9em ;
  font-weight: 300;
  padding-left: 70px ;
}
.contact h3{
  color: var(--header);
  font-size: 0.7em;
  font-weight: 400;
  letter-spacing: 3px;
  padding-left: 70px ;
}
.contact h3 a{
  
  color: var(--header);
}
}