.hee{
    font-size: 2.5vw;
    color: lightgrey;
    margin-bottom: 0px;
    
  }
  
  
  .he{
    font-size: 4vw;
    color: grey;
    margin-bottom: 0px;
  }
  
  
  .ctop{
    width: 75%;
    display: inline-block;
  
   
  }
  
  .const{
    width: 90%;
    margin-top: 8%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
  }
  
  .yoo{
    font-size: 2vw;
    width: 90%;
    margin: auto;
    color: grey;
  }
  
  a {
    color: inherit;
    text-decoration: underline;
    }
  
    .text-center {
      margin-top: 5%;
      font-size: small;
      font-family: sans-serif;
      color: grey;
      clear: both;
    }
    
body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
}

.h5, h5 {
  text-align: left;
  font-family: sans-serif;
  color: rgb(112, 112, 112);
  font-size: 2vw;
  font-weight: 100;
}
.h6, h6 {
  text-align: center;
  font-family: sans-serif;
  color: rgb(112, 112, 112);
  font-size: 2.vw;
  font-weight: 100;
}


#bod{
  font-size: small;
  color: rgb(52, 52, 52);
  font-weight: 400;
  margin-top: 2%;
}


.mainbody2{
  width: 90%;
  margin: auto;
  margin-bottom: 1%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: medium;
  color: rgb(92, 92, 92);
  font-weight: 500;
  margin-top: 5%;
}

#imge{
margin-top: 5%;
font-size: medium;
font-family: 'Courier New', Courier, monospace;
color: grey;
}

#imge3{
margin-top: 5%;
font-size: medium;
font-family: 'Courier New', Courier, monospace;
color: grey;
margin-bottom: 0%;
}

#imge2{
font-size: small;
font-family: 'Courier New', Courier, monospace;
color: rgb(36, 36, 36);
}

#simge{
margin-top: 3%;
width: 90%;
margin-bottom: 3%;
}

#simge2{
margin-top: 2%;
width: 90%;

}


video{
width: 50%;
margin: auto;
}

ul{
padding-left: 20px;
list-style-type:disc;
}

li{
padding-top: 10px;
}

#sh{
font-size: small;
color: rgb(0, 153, 89);
}

#gap{
margin-top: 10%;
}

#sh2{
font-size: small;
color: rgb(0, 110, 110);
}

#sh3{
font-size: small;
color: rgb(180, 81, 0);
}

#sh4{
font-size: small;
color: rgb(98, 98, 98);
}



  
  

.mainbody{
    width: 90%;
    margin: auto;
    margin-bottom: 5%;
}

img{
    width: 100%;
}
  
  
  
  
  @media (min-width: 1200px) {
  
    .hee{
      font-size: 1.3vw;
      color: grey;
      margin-bottom: 0px;
      
    }
  
    .he{
      font-size: 2.2vw;
      color: grey;
      margin-bottom: 0px;
     
    }
  
    .const{
      width: 75%;
      margin-left: auto;
      margin-right: auto;
    }
  
    .ctop{
      margin: auto;
    }
  
    .yoo{
      font-size: 1.1vw;
      width: 1000px;
    }
  
    .text-center{
      font-size: 1.2vw;
    }

    .mainbody{
        width: 75%;
        margin: auto;
        margin-bottom: 5%;
        font-family: - sans-serif;
        font-size: x-large;
        color: rgb(32, 32, 32);
    }

  
    .h5, h5 {
      text-align: left;
      font-family: sans-serif;
      color: rgb(112, 112, 112);
      font-size: 1.2vw;
      font-weight: 100;
    }

    .h6, h6 {
      text-align: center;
      margin: auto;
      font-family: sans-serif;
      color: rgb(112, 112, 112);
      font-size: 1.3vw;
      font-weight: 100;
    }


    #bod{
        font-size: medium;
        color: rgb(52, 52, 52);
        font-weight: 400;
    }
   

    .mainbody2{
        width: 50%;
        margin: auto;
        margin-bottom: 1%;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: x-large;
        color: rgb(92, 92, 92);
        font-weight: 500;
    }

    #imge{
      margin-top: 5%;
      font-size: medium;
      font-family: 'Courier New', Courier, monospace;
      color: grey;
    }

    #imge3{
      margin-top: 5%;
      font-size: medium;
      font-family: 'Courier New', Courier, monospace;
      color: grey;
      margin-bottom: 0%;
    }

    #imge2{
      font-size: medium;
      font-family: 'Courier New', Courier, monospace;
      color: rgb(36, 36, 36);
    }

    #simge{
      margin-top: 3%;
      width: 50%;
      margin-bottom: 3%;
    }

    #simge2{
      margin-top: 2%;
      width: 50%;
     
    }

    
    video{
      width: 50%;
      margin: auto;
    }

   ul{
     padding-left: 20px;
     list-style-type:disc;
   }
   
   li{
     padding-top: 10px;
   }

   #sh{
  font-size: large;
  color: rgb(0, 153, 89);
   }

   #gap{
     margin-top: 5%;
   }

   #sh2{
     font-size: large;
     color: rgb(0, 110, 110);
   }

   #sh3{
    font-size: large;
    color: rgb(180, 81, 0);
  }

  #sh4{
    font-size: larger;
    color: rgb(98, 98, 98);
  }
 
  
  
  }