#club180 {display:flex;flex-direction:row;}
#club180 a,#club180 a:visited,#club180 a:hover{color:#fff;}
p{color:#fff;margin:0 0 20px 0;}
#club180 .section1{width:60%;background-repeat:no-repeat;height:85vh;background-position:left center;background-image:url(https://media.windstarcruises.com/media/yacht-club/sp-st-sea2.jpg);}
#club180 .section1 .allwrap{width:650px;top:10%;position:relative;margin:0 auto;display:flex;flex-direction:row;}
#club180 .section1 .outer{width:100%;max-width:730px;background-color:rgba(255,255,255,0.7);box-sizing:border-box;padding:16px;margin:0 auto;}
#club180 .section1 .inner{width:100%;height:100%;border:1px solid #042f52;padding:20px 35px;box-sizing:border-box;font-family:sans-serif;text-align:center;color:#042f52;}

.section1 .inner .top{font-weight:800;color:inherit;font-size:36px;line-height:40px;}
.section1 .inner .bottom{font-weight:700;color:inherit;font-size:26px;line-height:36px;margin:10px auto 0;width:75%;}
.section1 img{width:22%;margin-top:25px;}

#club180 .section1 .tri{width:0;height:0;border-top:181px solid transparent;border-bottom:181px solid transparent;border-left:60px solid rgba(255,255,255,0.7);}
#club180 .section2{width:40%;background-repeat:no-repeat;height:85vh;background-position:left center;background-image:url(https://media.windstarcruises.com/media/yacht-club/dsc-mnp.jpg);}
.section2 .section-wrap{padding-top:15px;color:#fff;width:75%;margin:0 auto;position:relative;top:20%;}
.section2 .section-wrap img{width:38%;margin:0 auto 30px;display:block;}
.section2 .section-wrap .section-text{font-size:18px;letter-spacing:1.3px;line-height:24px;}
.section2 .btnNext{position:relative;height:40px;width:40px;border-radius:20px;background-color:rgba(255,255,255,0.5);font-family:monospace;font-weight:bold;font-size:34px;display:inline-block;vertical-align:top;color:#fff;margin-right:30px;}
.section2 .btnNext:hover{background-color:rgba(255,255,255,0.7);}
.section2 .btnNext a{position:absolute;top:43%;padding:0;margin:0;line-height:0px;left:28%;font-family:"ITCAvantGardePro Bk","Arial",sans-serif;}
.bar{display:inline;}
.faqs{display:inline;color:#fff;margin-left:20px;}
.section-links .desk{display:block;}
.section-links .mob{display:none;}

#club180.rewards {color:#fff;background-repeat:no-repeat;height:auto;min-height:100vh;background-position:center top;background-size:cover;background-image:url(https://media.windstarcruises.com/media/yacht-club/club180-rewards-bkg2.jpg);}
.rewards .pageWrap{box-sizing:border-box;padding:35px;}
.rewards section{width:85%;margin:0 auto;}

.rewards .clubIntro{color:#fff;margin:0 auto 25px;}
.clubIntro img{height:auto;width:110px;display:inline-block;margin:0 15px 0 0;}
.clubIntro .introText{display:inline-block;vertical-align:top;width:85%;margin-top:0;}
.introText .title{font-size:24px;font-weight:bold;padding-bottom:5px;}
.introText p{line-height:30px;font-size:16px;}

section.ycm-status{margin-bottom:30px;}
#club180.rewards a{text-decoration:underline;color:#fff;}

.levels{display:flex;flex-direction:row;color:#fff;border-top:1px solid #fff;padding-top:35px;}
.levels .level{padding:0 15px 0 0;margin:0;}

.level .level-title{margin-bottom:5px;}
.level .level-title span{display:flex;flex-direction:row;align-items:center;}
.level .level-title img{margin-right:5px;}
.level .level-desc{line-height:20px;margin-bottom:15px;}
.level.four{width:26%;}
.level.three{width:24%;}
.level.two{width:25%;}
.level.one{width:24%;}
.level ul{margin-bottom:0;}
/*.four .level-title{padding-right:20px;} dont know what this was for */
.level-head{margin-bottom:20px;display:flex;flex-direction:column;}
.one .points{margin-left:32px;}
.two .points{margin-left:57px;}
.three .points{margin-left:83px;}
.four .points{margin-left:108px;}

.all-levels ul,
.level ul{margin-left:30px;list-style-type:square;}

.all-levels .box{margin-top:35px;box-sizing:border-box;padding:30px 30px 20px 30px;background-color:rgba(0,0,0,0.4);border-radius:5px;}
.box ul{display:inline-block;margin:0 15px;vertical-align:top;}
.box .list1{width:50%;}
.box .list2{width:40%;}

section.tsncs{margin-top:50px;color:#fff;}

@media all and (max-width: 1200px) {
  #club180 .section1,#club180 .section2{width:100%;height:auto;}
  .section2 .section-wrap{top:5%;margin:60px auto 375px;}
  #club180 .section1 .allwrap{margin:100px auto;}
  #club180{flex-direction:column;}
  #club180 .section2{background-size:cover;}

}
@media all and (max-width: 700px) {
  #club180 .section1 .tri{display:none;}
  #club180 .section1 .allwrap{width:90%;}
  #club180 .section1 .inner{padding:15px;}
  .section1 .inner .top{font-size:26px;line-height:30px;}
  .section1 .inner .bottom{font-size:22px;line-height:28px;}
  .section1 img{min-width:85px;}
  .bar{display:none;}
  .faqs{display:block;margin-left:0;}
  .section-links .desk{display:none;}
  .section-links .mob{display:block;margin-top:30px;}
  .mob>div{text-align:center;}
  .mob div a{width:200px;display:inline-block;}
  .mob .rewards{margin-bottom:20px;}
  
}
@media all and (max-width: 1400px) {
  .rewards section{width:100%;}
  .clubIntro img{display:block;margin:0 auto;}
  .clubIntro .introText{display:block;margin-top:20px;width:100%;}
  .levels{flex-direction:column;}
  .levels .level{width:100%;margin-bottom:30px;}
  .level-head{flex-direction:row; align-items:center;}
  /*.points{margin-left:30px;padding-bottom:1px;}*/
  .one .points,
  .two .points,
  .three .points,
  .four .points{margin-left:30px;padding-bottom:1px;}
  
  .level .level-title{margin-bottom:0;}
  .box .list1,
  .box .list2{width:100%;}

}