/*******************************************************************************
* 
* Program       : why82.css
* Description   : Why the 82nd Airborne Division Association Style Sheet
* 
* Company       : Magnum Webster, LCC
* Project       : 82airborne-assoc.com, RMC
* Copyright     : 2019, 2020
*
* Notes         : 
*  
*******************************************************************************/

body, html {
  height                    : 100%;
  font-size                 : 18pt;
  margin                    : 0;
  padding                   : 0;
  overflow-x                : hidden;
  background-image          : url("../images/Basicwng.gif");
  background-repeat         : repeat;
}

.upperblk {
  position                  : relative;
  display                   : inline-block;
}

.banner {
  position                  : top;
  max-height                : 100%;
  max-width                 : 100%;
  height                    : auto;
  width                     : auto;
  margin                    : 0;
  padding                   : 0;
}

.home {
  position                  : absolute;
  margin-left               : 1rem;
  margin-top                : -2.5rem;
  padding                   : 0;
  font-family               : Arial, Helvetica, sans-serif;
  font-size                 : 0.75rem;
  text-decoration           : none;
  color                     : #160a72;
  margin-left               : 2.5rem;
}

.home:hover {
  color                     : tomato;
}

.content {
  position                  : relative;
  display                   : inline-block;
  margin-top                : 2rem;
  width                     : 100vw;
}

.contenttxt {
  position                  : absolute;
  font-size                 : 0.75rem;
  margin-left               : 10rem;
  margin-right              : 10rem;
  max-width                 : 70vw;
}

.patches1 {
  position                  : absolute;
  top                       : -1rem;
  left                      : 2rem;
  padding                   : 0;
  max-height                : 850px;
  max-width                 : 160px;
  height                    : auto;
  width                     : auto;
}

.patches2 {
  position                  : absolute;
  top                       : -1rem;
  right                     : 2rem;
  padding                   : 0;
  max-height                : 850px;
  max-width                 : 160px;
  height                    : auto;
  width                     : auto;
}

.link {
  margin-left               : 0.5rem;
  color                     : red;
}

.link:hover {
  color                     : green;
}

.airborne {
  font-size                 : 2rem;
  margin-left               : 15rem;
  color                     : red;
}

.mwfooter {
  font-size                 : 0.65rem;
  margin-left               : 0;
  color                     : rgb(3, 70, 3);

}

@media only screen and (max-width: 1400px) {
  .home {
    margin-left               : 0.8rem;
    margin-top                : -2.5rem;
    font-size                 : 0.75rem;
    margin-left               : 2rem;
  }

  .contenttxt {
    font-size                 : 0.75rem;
  }

  .airborne {
    margin-left               : 15rem;
  }
}

@media only screen and (max-width: 1200px) {
  .home {
    margin-left               : 2rem;
    margin-top                : 0;
    font-size                 : 0.75rem;
  }

  .contenttxt {
    font-size                 : 0.75rem;
    margin-left               : 7rem;
    margin-right              : 8rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 20%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 20%;
    max-height                : auto;
    right                     : 0.5rem; 
  }

  .airborne {
    margin-left               : 9rem;
    font-size                 : 2rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.7rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 1000px) {
  .home {
    margin-left               : 2rem;
    margin-top                : 0;
    font-size                 : 0.75rem;
  }

  .contenttxt {
    font-size                 : 0.75rem;
    margin-left               : 7rem;
    margin-right              : 8rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 20%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 20%;
    max-height                : auto;
    right                     : 0.5rem; 
  }

  .airborne {
    margin-left               : 6.5rem;
    font-size                 : 1.7rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.6rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 800px) {
  .home {
    margin-left               : 1.9rem;
    margin-top                : 0rem;
    font-size                 : 0.65rem;
  }

  .contenttxt {
    font-size                 : 0.65rem;
    margin-left               : 5.5rem;
    margin-right              : 6.5rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 15%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 15%;
    max-height                : auto;
    right                     : 0.6rem; 
  }

  .airborne {
    margin-left               : 6rem;
    font-size                 : 1.5rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.6rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 700px) {
  .home {
    margin-left               : 1rem;
    margin-top                : 0rem;
    font-size                 : 0.6rem;
  }

  .contenttxt {
    font-size                 : 0.65rem;
    margin-left               : 4.8rem;
    margin-right              : 5.5rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 15%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 15%;
    max-height                : auto;
    right                     : 0.6rem; 
  }

  .airborne {
    margin-left               : 5.8rem;
    font-size                 : 1.4rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.5rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 600px) {
  .home {
    margin-left               : 0.8rem;
    margin-top                : 0rem;
    font-size                 : 0.5rem;
  }

  .contenttxt {
    font-size                 : 0.55rem;
    margin-left               : 5rem;
    margin-right              : 5.5rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 20%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 20%;
    max-height                : auto;
    right                     : 0.5rem; 
  }

  .airborne {
    margin-left               : 4.5rem;
    font-size                 : 1.2rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.4rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 500px) {
  .home {
    margin-left               : 0.8rem;
    margin-top                : 0rem;
    font-size                 : 0.5rem;
  }

  .contenttxt {
    font-size                 : 0.55rem;
    margin-left               : 3.9rem;
    margin-right              : 4.5rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 20%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 20%;
    max-height                : auto;
    right                     : 0.5rem; 
  }

  .airborne {
    margin-left               : 2rem;
    font-size                 : 1rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.4rem;
    padding-bottom            : 1rem;
  }
}

@media only screen and (max-width: 400px) {
  .home {
    margin-left               : 0.8rem;
    margin-top                : 0rem;
    font-size                 : 0.4rem;
  }

  .contenttxt {
    font-size                 : 0.50rem;
    margin-left               : 3.7rem;
    margin-right              : 4rem;
  }

  .patches1 {
    position                  : absolute;
    max-width                 : 20%;
    max-height                : auto; 
    left                      : 0.5rem;
  }

  .patches2 {
    max-width                 : 20%;
    max-height                : auto;
    right                     : 0.5rem; 
  }

  .airborne {
    margin-left               : 1rem;
    font-size                 : 1rem;
    padding-bottom            : 1.5rem;
  }

  .mwfooter {
    font-size                 : 0.31rem;
    padding-bottom            : 1rem;
  }
}