* {
    box-sizing: border-box;
 
  }

  .Rdiv{
    margin-top: 30px;
    margin-bottom: 20px;
  border: solid 1px #000000;
  }
  .floatLeft{float: left;}
 .RightMargin10{margin-right: 10px;margin-left: 10px;}
 .RightMargin20{margin-right: 20px;margin-left: 10px;}
 .RightMargin30{margin-right: 30px;margin-left: 10px;}
 .RightMargin40{margin-right: 40px;margin-left: 10px;}
 .RightMargin50{margin-right: 50px;margin-left: 10px;}
 .RightMargin60{margin-right: 60px;margin-left: 10px;}
 .RightMargin70{margin-right: 70px;margin-left: 10px;}
 .RightMargin80{margin-right: 80px;margin-left: 10px;}
 .RightMargin90{margin-right: 90px;margin-left: 10px;}
 .RightMargin100{margin-right: 100px;margin-left: 10px;}
.Width10P{width:10%;}
.Width15P{width:15%;}
.Width20P{width:20%;}
.Width30P{width:30%;}
.Width40P{width:40%;}
.Width50P{width:50%;}
.Width60P{width:60%;}
.Width65P{width:65%;}
.Width70P{width:70%;}
.Width80P{width:80%;}
.Width90P{width:90%;}
.Width98P{width:98%;}
.Width100P{width:100%;}
.Height50{height: 50px;}
.Height100{height: 100px;}
.Height150{height: 150px;}
.Height200{height: 200px;}
.Height250{height: 250px;}
.Height350{height: 350px;}
.Height300{height: 300px;}
.Height100P{height: 100%;}
.HeightAuto{height: auto;}
 
.BGGreen{background-color:#5F6F52;}
.BGLighGreen{background-color:#A9B388;}
.BGBrown{background-color: #B06161;}
.BGLightBlue{background-color: #2D9596;}
.BGBlue100{background-color: #9AD0C2;}
  /* Use a media query to add a break point at 800px: */
  @media screen and (max-width: 800px) {
    .Width10P, .Width15P, .Width20P,.Width30P,.Width40P,.Width50P, .Width60P, .Width65P,.Width70P {
      width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
   body{
      font-size:3vw;
   }
  }