@media (max-width: 1450px) {

  /*MAIN STRUCTURAL DIVS*/

}

@media (max-width: 1350px) {
  /*MAIN STRUCTURAL DIVS*/
  .innerWrapper {
    width: 100%;
  }

  /* GALLERY - CONTENT */
  #galleryDiv{
    padding: 7rem 2rem;}
}


@media only screen and (max-width: 1320px) {

  /* HEADER */

  #bannerHome{
    height: 600px;
  }

  .headerText {
    display: block;
    float: right;
    margin-left: auto;
    margin-top: 80px;
    margin-right: 1.5rem;

    text-align: right;
  }

    h1.headerText-header {
      font-size: 115px;
    }

    p.headerText-sub{
    font-size: 2.2rem;
    margin-top: -5px;
  }
  p.headerText-quote{
    margin-top: 2rem;
    font-size: 2.2rem;
  }


  /*PANEL DROP */
  .panelHead {
    padding: 1.5rem 5rem 1.2rem 1.4rem;
    font-size: 1.7rem;
    min-height: 5rem;
  }
  .panelArrow {
    width: 1.2rem;
    height: 1.2rem;
  }

}

@media only screen and (max-width: 1200px) {

  /* MAIN STRUCTURAL DIVS */
  #logo{
  position: absolute;
  top: 0rem;
  left: 2rem;
  height: auto;
  width: auto;
  }
  #logo img{
    width: 14rem;
  }

    /* HEADER */

  #bannerHome{
    height: 500px;
  }

  .headerText {
    margin-top: 70px;
    background-position: 18px 11px, 468px 25px;
    /* border-style: solid; */
    text-align: right;
  }

    h1.headerText-header {
      font-size: 110px;
    }

    p.headerText-sub{
    font-size: 2rem;
    margin-top: -5px;
  }
  p.headerText-quote{
    margin-top: 2rem;
    font-size: 2rem;
  }

  .buttonJoinUs{
  position: absolute;
  top: 545px;
  right: 2rem;
  z-index: 200;
}
  
  .ribbonBrown{
  position: absolute; 
  top: 100px;
  left: auto; 
  right: 0; 
  overflow: hidden;
  height: 55px;
  width: 300px;
    background-image: url('../images/bg_RibbonBrown_m.png');
  background-repeat: no-repeat;
  background-position: right 0px;
  /* background-size: contain; */
  z-index: 1500;
  }

  .seniors{
  top: 190px;
  height: 611px;
  width: 504px;
  background-image: none;
  background-image: url('../images/seniorWomen_m.png');
  background-position: left 0px;
}

  /* BASIC */
  /*HOME - Goals*/
  img.goldFrame{
    width: 100%;
  }

  /* HOME BUTTONS */

  a.buttonGold {
    font-size: 2.2rem;
    padding: 3rem;
    margin: 2rem 0rem;
  }


}


@media only screen and (max-width: 1150px) {

  /* NOTICE */
  .noticeDiv-img img{
    width: 100%;
  }
  .portrait img{
    width: 60%;
  }

}

@media only screen and (max-width: 1000px) {

  /* MAIN STRUCTURAL DIVS */
  .sectionBeigeHome {
    padding: 4.5rem 0rem 4rem 0rem;
  }

  .sectionQuote p{
    width: 60%;
    font-size: 2.1rem;
  }

  .sectionGoldLux {
    width: 100%;
    padding: 1rem 0rem 9rem 0rem;
  }

  /* HEADER */

  #bannerHome{
    height: 400px;
  }

  .headerText {
    margin-top: 40px;
    background-position: 18px 11px, 468px 25px;
    /* border-style: solid; */
    text-align: right;
  }

  h1.headerText-header {
    font-size: 93px;
  }

  p.headerText-sub{
  font-size: 1.7rem;
  margin-top: -5px;
  }
  p.headerText-quote{
    margin-top: 2rem;
    font-size: 1.7rem;
  }

  .headerText img{
    width: 250px;
  }

  .buttonJoinUs{
  position: absolute;
  top: 445px;
  right: 2rem;
  }

  .seniors{
  top: 190px;
  height: 450px;
  width: 375px;
  background-image: url('../images/seniorWomen_s.png');
  }

  /* BASIC */
  h1 {
    font-size: 4rem;
  }

  h1.content{
  font-size: 8rem;
  padding-right: 1rem; /*prevent text being cut off*/
}

  h2{
    font-size: 4.5rem;
  }

  h3{
    font-size: 4.5rem;
  }

  h4{
    font-size: 2.2rem;
  }

  p,
  li,
  td {
    font-size: 1.7rem;
  }

  p.intro{
  font-size: 3.2rem;
  margin-bottom: 3rem;
  }

  div.div-centerTxt {
  width: 70%;
  }

  p.quoteBlue{
    font-size: 1.8rem;
  }

  /* HOME NOTICES - SLIDE */

  .notices-text p.title {
    font-size: 2.6rem;
    margin: 0px 0px 5px 0px;
  }

  /* NOTICE */
  .portrait img{
    width: 80%;
  }
  .noticeDiv-desc{
    width: 100%;
    margin-left: 0%;
  }

  /* BUTTONS */
  a.buttonGoldSmall {
    font-size: 1.7rem;
    padding: 1.8rem;
  }


  /*NOTICEBOARD*/
  .noticeBloc{
    width: 70%;
    height: auto;
    padding: 1rem;
    margin: 4rem auto;
  }
  .noticeBloc-left{
    width: 100%;
    height: 30rem;
    float: none;
  }
  .noticeBloc-right{
    width: 100%;
    min-height: 20rem;
    float: none;
  }

  /* FOOTER */

  .footer-ladiesImg{
    width: 90px;
  }

  .footer-address{
    margin-left: 18rem;
  }



}

@media only screen and (max-width: 900px) {

  
  /* NAVIGATION */
  #menuIcon {
    display: block;
  }
  #navClose {
    display: block;
  }

  #menuWrapper {
    /* Wrapper */
    position: absolute;
    margin-top: 0px;
    top: 0rem;
    left: -2rem;
    /* height: auto; */
    height: 100vh;
    width: 0px;
    padding: 1rem 1rem 1rem 1rem;
    background-color: rgba(142, 126, 65, 0.95);
    overflow-x: hidden;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    z-index: 2010;
  }

  #navDiv {
    position: relative;
    background-color: transparent;
    width: 100%;
    margin-top: 5rem;
    margin-right: 0rem;
    margin-left: 1rem;
    float: none;
    text-align: center;
  }

  #navButton {
    position: relative;
    clear: both;
    display: block;
    float: none;
    margin: 1rem;
  }

  a.nav {
    display: block;
    float: none;
    padding: 1rem;
    margin-bottom: 2rem;
    margin-right: 1rem;
    color: #ffffff;
    font-size: 1.8rem;
    text-decoration: none;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: #ffffff;
    transition: 0.3s;
    line-height: 120%;
  }
  a.nav:hover {
    color: var(--color-blue);
    text-decoration: none;
  }

  #nApply{border-style: none;
  background-color: transparent;
  padding: 1rem;
  margin-bottom: 2rem;
  margin-right: 1rem;
  margin-left: 0rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  a.navLive {
    display: block;
    float: none;
    padding: 1rem;
    margin-bottom: 2rem;
    margin-right: 1rem;
    font-size: 1.8rem;
    color: var(--color-blue);
    text-decoration: none;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: #ffffff;
    transition: 0.3s;
    line-height: 120%;
  }

  /* GALLERY - CONTENT */
  #galleryDiv{width: 100%;
  padding: 4rem 2rem 6rem 2rem;}


  /*PANEL DROP */
  .panelHead {
    padding: 1.3rem 5rem 1rem 1.4rem;
    font-size: 1.6rem;
    min-height: 4rem;
    border-width: 0px 0px 2px 0px;
  }
  .panelArrow {
    width: 1rem;
    height: 1rem;
    right: 2rem;
  }

  /* NOTICE */
  .noticeDiv{
    padding: 3rem;
  }

    /*BUTTONS*/
  a.buttonSeeMore {
  font-size: 1.6rem;}

  a.buttonBack {
  font-size: 1.7rem;}

}

@media only screen and (max-width: 800px) {

  /*Home - Goals*/
  div.underline img{
    width: 200px;
  }

  /* TWO COLUMNS - home Goals*/
  .colLeft {
    float: none;
    width: 60%;
    margin: 0rem auto 3rem auto;
  }
  .colRight {
    float: none;
    width: 98%;
    margin: 0rem auto;
  }

  /* FOOTER */

  .sectionFooter {
    padding: 7rem 0rem 3rem 0rem;
  }

  /* .footer-location{
    padding-left: 4rem;
    background-image: url('../images/footericon_Location.png');
    background-repeat: no-repeat
  } */

  .footerLeft{
    width: 100%;
    float: none;
    text-align: center;
  }
  .footerRight{
    width: 100%;
    float: none;
    text-align: center;
  }

  .footer-buttonJoinUs{
    float: none;
    margin: 4rem auto 0rem auto;
  }

  .footer-ladiesImg{
    position: absolute;
    top: 0rem;
    left: 1rem;
    width: 60px;
  }

  .footer-address{
    margin-left: 0rem;
  }

  .footer-email{
    margin-top: 4rem;
    padding-left: 0rem;
    background-position: 30%;
  }

  .footer-cell{
    padding-left: 0rem;
    background-position: 30%;
  }

  .footer-copy{
    padding-top: 8rem;
    text-align: center;
  }


}

@media only screen and (max-width: 760px) {

    /* HEADER */

    #bannerHome{
      height: 350px;
    }

    h1.headerText-header {
      font-size: 90px;
    }

    .seniors{
    top: 200px;
    height: 450px;
    width: 375px;
    background-image: url('../images/seniorWomen_ss.png');
    }

  /*NOTICEBOARD*/

  .noticeBloc{
    width: 80%;
    height: auto;
    padding: 1rem;
    margin: 4rem auto;
  }
  .noticeBloc-left{
    width: 100%;
    height: 30rem;
    float: none;
  }
  .noticeBloc-right{
    width: 100%;
    min-height: 20rem;
    float: none;
  }
  .noticeBloc-title{
  font-size: 2.4rem;
  }
  .noticeBloc-date{
    font-size: 1.5rem;
  }

  /*BUTTONS*/
  a.buttonSeeMore {
  font-size: 1.6rem;}

  a.buttonBack {
  font-size: 1.6rem;
  padding: 1.5rem 2.5rem 1.5rem 5.5rem;
  background-position: 15px center;}

}

@media only screen and (max-width: 720px) {

  /*MAIN STRUCTURAL DIVS*/
  .innerPadding {
    padding: 2.5rem 2rem 2.5rem 2rem;
  }
  .innerPadding2 {
    padding: 3rem 2rem 3.5rem 2rem;
  }
  .sectionQuote p{
    width: 70%;
    font-size: 1.8rem;
  }

  /*BASIC*/
  div.w60,
  p.w60 {
    width: 85%;
  }

}

@media only screen and (max-width: 680px) {

  /* MAIN STRUCTURAL DIVS */

  #header{
  background-color: #FFFFFF;
  height: 120px;
  width: 100%;
}

  #logo{
  top: 0rem;
  left: 1.5rem;
  }
  #logo img{
    width: 12rem;
  }
  .sectionBeigeHome {
    padding: 8.8rem 0rem 4rem 0rem;
  }

  /* HEADER */

  #bannerHome{
    height: 350px;
  }

  .headerText {
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 22px;
    background-position: 18px 11px, 96% 25px;
    text-align: center;
  }

  h1.headerText-header {
    font-size: 80px;
    text-align: center;
  }

  p.headerText-sub{
  font-size: 1.6rem;
  margin-top: 1px;
  margin-bottom: 5px;
  text-align: center;
  }
  p.headerText-quote{
    margin-top: 0rem;
    font-size: 1.6rem;
    text-align: center;
  }

  .headerText img{
    width: 150px;
  }

  .buttonJoinUs{
  position: absolute;
  top: 390px;
  right: 2rem;
  }

  .seniors{
  top: 345px;
  height: 450px;
  width: 215px;
  background-image: url('../images/seniorWomen_sss.png');
}

#bannerContent{
  height: 200px;
}

.headerTextContent{
  margin-left: 4rem;
  margin-top: 70px;
  margin-right: 1.5rem;
  background-image: url('../images/star.png'), url('../images/star.png');
  background-repeat: no-repeat, no-repeat;
  background-position: -10px -10px, 176px 0px;
}

  /* BASIC */
  h1 {
    font-size: 4rem;
  }

  h1.content{
    font-size: 6rem;
  }

  h2{
    font-size: 3.8rem;
  }
  h3{
    font-size: 4rem;
  }
  h4{
    font-size: 2rem;
  }

  p,
  li,
  td {
    font-size: 1.6rem;
  }

    p.intro{
  font-size: 3rem;
  }

  div.underline {
    padding: 2.5rem 0rem;
  }
  div.underline img{
    width: 200px;
  }

  p.quoteBlue{
    font-size: 1.6rem;
  }

  div.div-centerTxt {
  width: 80%;
  }

  /* HOME NOTICES - SLIDE */
  .noticesWrapper{
    padding: 2rem;
  }
  .notices-text {
    padding: 1.5rem 0rem 1rem 0rem;
  }

  .notices-text p.title {
    font-size: 2.2rem;
    margin: 0px 0px 5px 0px;
  }

  /* BUTTONS */
  a.buttonGoldSmall {
    font-size: 1.6rem;
    padding: 1.4rem;
  }

  /* FOOTER */

  .footer-email{
    background-position: 20%;
  }
  .footer-cell{
    background-position: 20%;
  }


}

@media only screen and (max-width: 600px) {

  /*NOTICEBOARD*/
  .noticeBloc{
    width: 90%;
    height: auto;
    padding: 1rem;
    margin: 4rem auto;
    background-image: url('../images/bg_Curl_m.jpg'), url('../images/bg_NoticeGradient.jpg');
  }
  .noticeBloc-left{
    width: 100%;
    height: 25rem;
    float: none;
  }
  .noticeBloc-right{
    width: 100%;
    min-height: 20rem;
    float: none;
  }
  .noticeBloc-title{
  font-size: 2.2rem;
  }
  .noticeBloc-date{
    font-size: 1.5rem;
  }
  div.buttonSeeMore{
  position: absolute;
  right: auto;
  bottom: 1rem;
  left: 1rem;
}

  /*BUTTONS*/
  a.buttonSeeMore {
    color: var(--color-gold-light);
    font-size: 1.5rem;}

}

@media only screen and (max-width: 550px) {


  /* TWO COLUMNS - home Goals*/
  .colLeft {
    float: none;
    width: 70%;
    margin: 0rem auto 3rem auto;
  }

}

@media only screen and (max-width: 500px) {

  /* MAIN STRUCTURAL DIVS */
  .sectionBeigeHome {
    padding: 9.8rem 0rem 2rem 0rem;
    border-width: 0px 0px 3px 0px;
  }

  .sectionBlueSwirl {
    background-image: url('../images/bg_Swirl_m.png');
  }

  .sectionQuote p{
    width: 80%;
    font-size: 1.6rem;
  }

  /* HEADER */

  #bannerHome{
    height: 350px;
  }

  .headerText {
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 22px;
    text-align: center;
  }

  h1.headerText-header {
    font-size: 75px;
    text-align: center;
  }

  p.headerText-sub{
  font-size: 1.6rem;
  margin-top: 1px;
  margin-bottom: 5px;
  text-align: center;
  }
  p.headerText-quote{
    margin: 0rem 1rem;
    font-size: 1.5rem;
    text-align: center;
  }
  p.headerText-quote br{
    display: none;
  }

  .headerText img{
    width: 150px;
  }

  .buttonJoinUs{
  position: absolute;
  top: 400px;
  right: 1rem;
  }

  a.buttonGold {
    font-size: 2rem;
    padding: 2rem;
    margin: 2rem 0rem;
    border-width: 3px;
  }

  .seniors{
  top: 335px;
  height: 265px;
  background-image: url('../images/seniorWomen_sss.png');
  }

  /* BASIC */
  h1 {
    font-size: 4rem;
  }

  h1.content{
    font-size: 5rem;
  }

  h2{
    font-size: 3rem;
    margin: 0rem 0rem 2rem 0rem;
  }

  h3{
    font-size: 3.5rem;
    margin: 0rem 0rem 1rem 0rem;
  }

  h4{
    margin: 2.5rem 0rem 1rem 0rem;
    font-size: 1.8rem;
  }

  h3.border{
  padding: 1rem 3rem;
  margin: 0rem auto 2rem auto;
}

  h4{
    font-size: 1.7rem;
  }

  p,
  li,
  td {
    font-size: 1.5rem;
  }

  p.intro{
  font-size: 2.8rem;
  margin-bottom: 2rem;
  }

  div.div-centerTxt {
  width: 90%;
  }

  /*Home - Goals*/
  div.underline img{
    width: 150px;
  }

  /* HOME NOTICES - SLIDE */
  .noticesWrapper{
    padding: 1.5rem;
    margin: 1rem;
    border-width: 8px;
  }
  .notices {
    height: 18rem;
  }

  .notices-text {
  padding: 1.5rem 0rem 1rem 0rem;
  }

  .notices-text p.title {
    font-size: 2rem;
    margin: 0px 0px 5px 0px;
  }

  /* BUTTONS */
  a.buttonGoldSmall {
    font-size: 1.4rem;
    padding: 1.4rem;
  }

  a.buttonBack {
  font-size: 1.5rem;
  padding: 1.2rem 2rem 1.2rem 5rem;
  background-position: 15px center;}

}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 450px) {

  /*HEADER*/

  p.headerText-quote{
    font-size: 1.4rem;
  }

  /* TWO COLUMNS - home Goals*/
  .colLeft {
    float: none;
    width: 80%;
    margin: 0rem auto 3rem auto;
  }

  /* FOOTER */
  .footer-ladiesImg{
    position: absolute;
    top: -1.5rem;
    left: 1rem;
    width: 35px;
  }
  .footer-email{
    background-position: 10%;
  }
  .footer-cell{
    background-position: 10%;
  }
  .footer-copy{
  padding-top: 6rem;
  }

}

@media only screen and (max-width: 400px) {

  /* STRUCTURAL */

  .sectionBeigeHome {
    padding: 9.5rem 0rem 1.5rem 0rem;
  }

  .sectionGoldLux {
    padding: 1rem 0rem 4rem 0rem;
  }

  /* HEADER */

  #bannerHome{
    height: 350px;
  }

  #bannerContent{
  height: 150px;
}

.headerTextContent{
  margin-left: 3rem;
  margin-top: 50px;
  margin-right: 1rem;
  background-image: url('../images/star.png'), url('../images/star.png');
  background-repeat: no-repeat, no-repeat;
  background-position: -10px -10px, 176px 0px;
}

  h1.headerText-header {
    font-size: 65px;
    text-align: center;
  }

  .buttonJoinUs{
  top: 410px;
  }
  
  a.buttonGold {
    font-size: 1.8rem;
    padding: 1.8rem;
    margin: 2rem 0rem;
  }

  .seniors{
  top: 323px;
  background-image: url('../images/seniorWomen_sss.png');
  }

  /* BASIC */
  h1 {
    font-size: 4rem;
  }

  h1.content{
    font-size: 5rem;
  }

  h2{
    font-size: 2.8rem;
  }

  p.intro{
  font-size: 2.6rem;
  }

  div.div-centerTxt {
  width: 95%;
  }

  /* GALLERY - CONTENT */
  #galleryDiv{width: 100%;
  padding: 3rem 1rem 5rem 0rem;}

  /*NOTICEBOARD*/
  .noticeBloc{
    width: 96%;
    height: auto;
    padding: 1rem;
    margin: 4rem auto;
    background-image: url('../images/bg_Curl_m.jpg'), url('../images/bg_NoticeGradient.jpg');
  }
  .noticeBloc-left{
    width: 100%;
    height: 20rem;
    float: none;
  }
  .noticeBloc-right{
    width: 100%;
    min-height: 20rem;
    float: none;
  }
  .noticeBloc-title{
  font-size: 2rem;
  }
  .noticeBloc-date{
    font-size: 1.5rem;
  }


  /* BUTTONS */
  a.buttonGoldSmall {
    font-size: 1.4rem;
    padding: 1.4rem;
  }

  div.buttonSeeMore{
    bottom: 2rem;
    left: 1rem;
  }

  a.buttonBack {
  font-size: 1.4rem;
  padding: 1rem 2rem 1rem 5rem;
  background-position: 10px center;}

  /* NOTICE */

  .noticeDiv{
    padding: 2rem;
  }

  .portrait img{
    width: 100%;
  }

}

@media only screen and (max-width: 360px) {

  /* TWO COLUMNS - home Goals*/
  .colLeft {
    float: none;
    width: 90%;
    margin: 0rem auto 2rem auto;
  }

    /* FOOTER */
  .footer-ladiesImg{
    position: absolute;
    top: -1.5rem;
    left: 1rem;
    width: 35px;
  }
  .footer-email{
    background-position: 0%;
  }
  .footer-cell{
    background-position: 0%;
  }

}

@media only screen and (max-width: 320px) {

  /* HEADER */
  h1.headerText-header {
    font-size: 60px;
    text-align: center;
  }

}