#reef-pic-left{
  display:flex;
  justify-content: center;
  align-items: center;
  max-width:50%;
  padding-left:30px;
  padding-right:30px;
}
#reef-pic-right{
  justify-content: center;
  display:flex;
  flex:1;
  align-items: center;
  padding-left:30px;
  padding-right:30px;
}

#reef-pic-left img{
  width:100%;
  max-width:600px;
  height:auto;
  align-self: center
}
#reef-pic-right img{
  width:100%;
  max-width:550px;
  height:auto;
  align-self: center;
  margin-top:15px;
}

.reef-description{
  background-color:#2D96F9;
  color:white;
  padding:40px 60px;
}
.reef-description div{
  max-width:1800px;
  /*margin-left:auto;
  margin-right:auto;*/
}
.reef-description p{
  max-width:80%;
  font-size:22px;
  line-height:40px;
}


.reef-out{
  margin-top:30px;
  display:inline-block;
  text-align:center;
  font-size:24px;
  line-height:24px;
  padding:12px 30px;
  padding-right:25px;
  border-radius:50px;
  background-color:#F9DF3F;
  color:#42413D;
  border-bottom:solid 3px #FFB039;
  cursor:pointer;
}
.link-holder{
  max-width:80%!important;
  text-align:center;
}
.link-holder a{
  text-decoration-color:rgba(0,0,0,0);
}

.link-holder-page{
  max-width:100%!important;
  text-align:center;
  display:none;
}
.link-holder-page a{
  text-decoration-color:rgba(0,0,0,0);
}
.link-holder-page .reef-out{
  font-size:30px;
  line-height:30px;
  padding:12px 30px;
  background-color:#DD65FD;
  color:white;
  border-bottom:solid 3px #8914A9;
  cursor:pointer;
}


.reef-sort{
  background-color:#FFFFFF;
  padding:60px;
  padding-bottom:20px;
  font-size:22px;
  display:none;
}
.reef-sort nav{
  display:inline-block;
  margin-left:5px;
}
.reef-sort button{
  width:150px;
  height:40px;
  border-radius:none;
  font-size:20px;
  cursor:pointer;
  background-color:white;
  color:#464F57;
  border:solid 1px #9FD1FF;
  position:relative;
  text-align:center;
  box-sizing:content-box;
  border-bottom:solid 3px #9FD1FF;
}
.reef-sort button .circ{
  width:6px;
  height:6px;
  border-radius:10px;
  background-color:white;
  display:inline-block;
  margin-right:7px;
  opacity:0;
  transform: translate(0%, -60%);
}
.reef-sort button:first-child{
  border-top-left-radius: 6px;
  border-bottom-left-radius:6px;
}
.reef-sort button:last-child{
  border-top-right-radius: 6px;
  border-bottom-right-radius:6px;
}
.reef-sort button:not(:first-child){
  margin-left:-6px;
}
.reef-sort button.selected{
  background-color:#2D96F9;
  border:solid 1px #2D96F9;
  color:white;
  border-bottom:solid 3px #004ED3;
}
.reef-sort button.selected .circ{
  opacity:1;
}





.section-contents{
  max-width:1800px;
  margin-left:auto;
  margin-right:auto;
  padding:60px;
  padding-top:60px;
  padding-bottom:30px;
}
.section-contents p{
  font-size:24px;
  line-height:44px;
  margin-bottom:70px;
}



h2{
  color:#004ED3;
  margin-bottom:50px;

}
h2 img{
  height:50px;
}
h2.h2-small img{
  height:65px;
}
h2.tall-title img{
  height: calc( 50px * 1.25 );
}
.asset-pair{
  width:100%;
  display:flex;
  flex-direction: row;
}
.asset-pair:not(:last-child){
  margin-bottom:50px;
}
.section-left{
  width:33%;
  display:inline-block;
  box-sizing: border-box;
  padding-right:20px;
}
.section-center{
  width:33%;
  display:inline-block;
  box-sizing: border-box;
}
.section-right{
  width:33%;
  padding-left:20px;
  display:inline-block;
  box-sizing: border-box;
}
.title-holder{
  margin-bottom:15px;
  display:flex;
}
.h3-holder{
  display:flex;
  flex:1;
}
h3{
  font-family: 'Muli', sans-serif;
  font-size:20px;
  cursor:pointer;
  display:inline-block;
}
.title-holder img{
  height:30px;
  margin-right:3px;
}
.link-out-holder{
  display:inline-block;
  align-items: center;
  display:flex;
}
.link-out-holder button,
.link-out-holder-internal button{
  position:relative;
  padding:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:solid 1px #F9DF3F;
  border-bottom:solid 3px #FFB039;
  background-color:#F9DF3F;
  border-radius:4px;
  font-size:14px;
  color:#42413D;
  cursor:pointer;
  margin-left:7px;
}
.link-out-holder button.embed,
.link-out-holder-internal button.embed{
  position:relative;
  padding:5px;
  padding-top:3px;
  padding-bottom:3px;
  border:solid 1px white;
  border-bottom:solid 3px #95cbff;
  background-color:white;
  border-radius:3px;
  font-size:14px;
  color:#004ED3;
  cursor:pointer;
  margin-left:7px;
}
.link-out-holder-internal{
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content:end;
  position:relative;
  bottom:0px;
  right:0px;
  padding:7px 10px;
  /*background-color:#2D96F9;*/
  background-color:#e2e2e2;
  justify-content:end;
}

.link-out-holder-internal img{
  height:20px;
  border:solid 1px white;
}


.guide-image{
  width:100%;
  height:200px;
  background-color:lightGray;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  position:relative;
  cursor:pointer;
}
li{
  font-size:20px;
}














#bc-footer{
  max-width:2100px;
  background-color:white;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  padding-bottom:20px;
  border-top:solid 1px #C2BFBF;
}
#bc-footer nav{
  display:inline-block;
  float:right;
  margin-right:20px;
  color:#464F57;
}
#bc-footer nav a{
  margin-left:10px;
  text-decoration:underline;
  font-size:18px;
  color:#464F57;
}
#bc-copyright{
  display:inline-block;
  margin-left:20px;
}
#bc-footer nav a:visited{
  color:#464F57;
}




.section-featured{
  max-width:1800px;
  margin-left:auto;
  margin-right:auto;
  padding:60px;
  padding-top:30px;
  padding-bottom:50px;
  border-bottom:solid 1px lightGray;
  
  margin-top:15px;
  display:flex;
  flex-direction:row;

  display:none;
}
.featured-container{
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:column;
  width:80%;
}
.featured-container-featured{
  width:100%;
}
.featured-row{
    display:flex;
    flex-direction:row;
  }
  .featured-row img{
    cursor:pointer;
    width:100%;
    align-self:center;
    height:auto!important;
  }
.section-featured h3{
  font-size:20px;
  display:inline-block;
  cursor:default;
  margin-bottom:15px;
}
.section-forward-left,
.section-forward-right{
  width:50%;
  display:flex;
  margin-right:40px;
  flex-direction:column;
}
.section-forward-left p,
.section-forward-right p{
  max-width:500px;
  margin-top:10px;
  margin-bottom:20px;
  font-size:20px;
}
.featured-launch{
  text-align:center;
}

.section-new-title-row{
  display:flex;
  flex-direction:row;
}
.section-new-title-row p{
  flex:1;
}

.section-contents{
  border-bottom:solid 1px #008cff;
}


/*.section-forward-left button,
.section-forward-right button{
  position:relative;
  padding:9px;
  padding-top:6px;
  padding-bottom:6px;
  border:solid 1px #F9DF3F;
  border-bottom:solid 3px #FFB039;
  background-color:#F9DF3F;
  border-radius:6px;
  font-size:22px;
  color:#42413D;
  cursor:pointer;
  margin-left:7px;
}*/


@media only screen and (max-width: 1300px) {
  .section-contents p{
    font-size:20px;
    line-height:36px;
  }
  .reef-description p{
    font-size:20px;
    line-height:34px;
    max-width:100%;
  }
  h2 img{
    height:42px;
  }
  h2.h2-small img{
    height:55px;
  }
  h2.tall-title img{
    height: calc( 42px * 1.25 );
  }
  h3{
    font-size:18px;
  }
  .guide-image{
    height:225px;
  }
  .link-holder{
    max-width:100%!important;
    text-align:center;
  }
}


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

  .header-brand{
    height:250px;
  }
  h2{
    margin-bottom:40px;
  }
  .section-contents{
    padding-bottom:40px;
  }
  .asset-pair{
    flex-direction:column;
  }

  .asset-pair:not(:last-child){
    margin-bottom:45px;
  }
  .asset-pair:not(:last-child) .section-left{
    margin-bottom:45px;
  }
  .section-left{
    width:100%;
    padding-right:0px;
  }
  .section-center{
    width:100%;
    padding-right:0px;
  }
  .section-right{
    width:100%;
    padding-left:0px;
  }

  .section-featured{
    padding-left:40px;
    padding-right:40px;
  }
  .featured-container{
    display:flex;
    flex-direction:column;
  }
  .featured-row{
    display:flex;
    flex-direction:column;
    width:90%;
  }
  .section-forward-left,
  .section-forward-right{
    width:100%;
    margin-right:0px;
    display:flex;
    flex-direction:column;
  }
  .section-forward-left{
    margin-bottom:25px;
  }
  .section-forward-left p,
  .section-forward-right p{
    max-width:4000px;
  }
  /*.section-forward-left button,
  .section-forward-right button{
    padding:9px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:22px;
    margin-bottom:30px;
    margin-top:-5px;
  }*/
  .featured-container img{
    margin-left:auto;
    margin-right:auto;
    /*width:70%;*/
    width:100%;
    /*width:300px;

    height:140px;*/
  }

}

#tip-row-all{
  position:relative;
  display:flex;
  flex-direction:column;

  padding-top:25px;
  padding-bottom:25px;
  padding-left:60px;
  padding-right:60px;

  background-color:#2D96F9;
}
#tip-row{
  display:flex;
  flex-direction:row;
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}
#tip-intro{
    font-size:22px;
    line-height:30px;
    color:white;
    margin-bottom:35px;
  }
#tip-row-pay{

  display:flex;
  flex:1;
  align-items:center;
  justify-content:center;
}
#tip-container{
  padding:15px;
  background-color:white;
  width:100%;
}
.tip-list{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:center
}
.tip-item{
  margin-left:10px;
  margin-right:10px;
  background-color:pink;
}
.tip-item img{
  width:200px;
  height:200px;
}
.tip-newsletter{
  padding:15px;
  background-color:white;
  padding-left:25px;
  padding-right:0px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#tip-p-1{
  font-size:19px;
  margin-bottom:6px;
}
#tip-p-2{
font-size:15px;
}


@media only screen and (max-width: 700px) {
  .header-brand{
    height:425px;
    position:relative;
  }

  header nav{
    padding:5px;
  }
  header nav a{
    font-size:14px;
    margin-left:5px;
  }

  h1{
    flex-direction:column;
    width:100%;
  }
  #reef-pic-left{
    padding-left:20px;
    padding-right:20px;
    height:50%;
    padding-top:50px;
    max-width:100%;
    flex:1;
  }
  #reef-pic-left img{
    width:auto;
    max-width:90%;
    max-height:85%;
  }
  #reef-pic-right{
    flex:1;
    padding-left:20px;
    padding-right:20px;
    height:50%;
    max-width:100%;
    padding-bottom:20px;
  }
  #reef-pic-right img{
    width:auto;
    max-width:65%;
    max-height:65%;
    margin-top:0px;
    padding-bottom:10px;
  }


  .reef-out{

    font-size:20px;
    line-height:20px;
    padding:8px 18px;
    padding-right:20px;
    border-radius:50px;
    background-color:#F9DF3F;
    color:#42413D;
    border-bottom:solid 3px #FFB039;
    cursor:pointer;
  }

  .link-holder-page .reef-out{
    font-size:24px;
    line-height:24px;
  }


  #tip-row{
    display:flex;
    flex-direction:column;
  }
  #reef-newsletter{
    justify-content:flex-end;
  }


  h2{
    margin-bottom:30px;
  }
  h2 img{
    height:30px;
  }
  h2.h2-small img{
    height:40px;
  }
  h2.tall-title img{
    height: calc( 30px * 1.25 );
  }
  h3{
    font-size:20px;
  }
  .reef-description{
    padding:40px 20px;
  }
  .reef-description p{
    font-size:18px;
    line-height:30px;
  }

  .section-contents{
    padding:40px;
    padding-top:60px;
    padding-bottom:40px;
    display:block;
  }
  .section-contents p{
    font-size:20px;
    line-height:36px;
    margin-bottom:0px;
  }
  .section-left{
    width:100%;
    margin-bottom:30px;
    display:block;
  }
  .section-center{
    width:100%;
    margin-bottom:30px;
    display:block;
  }
  .section-right{
    padding-left:0px;
    width:100%;
    display:block;
  }

  .section-right .reef-out{
    display:inline-block;
    margin-top:50px;
  }
  .section-left .reef-out{
    display:none;
  }

  #bc-footer{
    padding-top:10px;
    padding-bottom:10px;
  }
  #bc-footer nav{
    margin-right:10px;
  }
  #bc-footer nav a{
    margin-left:5px;
    font-size:14px;
  }

  #bc-copyright{
    display:inline-block;
    margin-left:10px;
    font-size:12px;
  }
}


#reef-newsletter{
  /*position:absolute;
  right:0px;
  bottom:10px;*/
}
#reef-newsletter img{
  width:275px;
  height:auto;
  cursor:pointer;
}


@media only screen and (max-width: 500px) {
  .header-brand{
    height:325px;
  }
  #reef-newsletter img{
    width:200px;
  }
}


@media only screen and (min-width: 1200px) {
  #reef-newsletter img{
    width:302px;
  }
}
@media only screen and (max-width: 1600px) {
  /*main{
    max-width:2100px;
  }*/
}

.embed-blocker{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:rgba(20,35,55,0.8);
  pointer-events:visible;
  cursor:default;
  z-index:99;
  display:none;
}
.embed-box{
  width:80%;
  /*height:60%;*/
  position:absolute;
  left: 50%;
  top:50%;
  z-index: 100;
  background-color:white;
  transform:translate(-50%, -50%);
  box-shadow: 2px 3px 8px rgba(0,0,0.35);
  display:none;
  flex-direction:column;
  max-width:1000px;
}
.embed-title{
  background-color:#2D96F9;
  color:white;
  padding:10px 20px;
  font-size:24px;
  display:flex;
  flex-direction:row;
  align-items:center;
}
.embed-title .title{
  margin-right:20px;
  justify-content:center;
}
.embed-body{
  padding:10px 20px;
  display:flex;
  flex-direction: column;
  flex:1;
  justify-content:center;
}
.embed-section{

}
.embed-close{
  height:25px;
  margin-left:auto;
  pointer-events:visible;
  cursor:pointer;
}
.embed-body textarea{
  width:100%;
  height:100px;
  padding:5px;
}
.embed-body .embed-type{
  margin-bottom:5px;
  font-size:16px;
}
.embed-body .embed-description{
  font-size:14px;
  margin-bottom:10px;
}
.embed-license{
  display:none;
  height:25px;
}
.copy-line{
  display:flex;
  justify-content:end;
  margin-top:10px;
  flex-direction:row;
}
.input-line{
  display:flex;
  justify-content:start;
  margin-top:10px;
  flex-direction:row;
}
.copy-line .embed-description{
  flex:1;
}
.copy{
  position:relative;
  padding:7px;
  padding-top:5px;
  padding-bottom:5px;
  border:solid 1px #004ED3;
  border-bottom:solid 3px #95cbff;
  background-color:#004ED3;
  border-radius:4px;
  font-size:14px;
  color:white;
  cursor:pointer;
  line-height:14px;
  height:30px;
  margin-left:10px;
}
.embed-section input{
  margin-bottom:20px;
  padding:5px;
  width:100%;
  max-width:500px;
}

#link-paypal{
  width:145px;
  height:50px;
  padding:0px 10px;
  border:none;
  display:flex;
  flex-direction:column;
  position:relative;
  background-color:#ffd140;
  text-decoration:none;
  border-radius:5px;
  box-sizing:border-box;
  justify-content:center;
  margin-right:20px;
}
#link-paypal img{
  width:100%;
  align-items: center;
}

#link-venmo{
  width:145px;
  height:50px;
  padding:0px 10px;
  border:none;
  display:flex;
  flex-direction:column;
  position:relative;
  background-color:#008cff;
  text-decoration:none;
  border-radius:5px;
  box-sizing:border-box;
  justify-content:center;
}
#link-venmo img{
  width:100%;
  align-items: center;
}