@media all and (max-width: 1280px) {

  h4{
    font-size: 1.5vh;
    line-height: 1.8vh;
  }
  .about-bio-containerL, .about-bio-containerR{
    padding-top: 2vh;
  }
  .landing-content, .landing-content2, .menu-content, .about-content, .clients-content, .footer-content{
    width: 82%;
  }
   .logo-container{
    width: 70%;
  }
  .event-menu-container{
    width: 55%;
  }
  .event-spacer{
    height: 30px;
  }
  .about-photos-container{
    width: 60%;
  }
  .client-logo-container{
    width: 60%;
  }
  .plus-sign{
    width: 15px;
    height: 15px;
  }
  li:hover .sub,li:active .sub {
    height: 25vh;
  }
  .asterisk-copy{
  font-size: 1.5vw;
  line-height: 1.5vw;
}
}
@media all and (max-width: 980px) { 

  .about-bio-containerL, .about-bio-containerR{
    padding-top: 2vh;
  }
  .landing-content, .landing-content2, .menu-content, .about-content, .clients-content, .footer-content{
    width: 82%;
  }
  .logo-container{
    width: 70%;
  }
  .event-menu-container{
    width: 55%;
  } .event-spacer{
    height: 10px;
  }
  .event-cutom-small-size{
    width: 70%;
  }
  .asterisk-copy{
  font-size: 2vw;
  line-height: 2vw;
}


@media all and (max-width: 768px) { 
    .landing-type-container2{
  width: 100%;
  display: block;


}
.sub{
  visibility: visible;
}
.ipad-mobile-break{
  display: none;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.mobile-center{
  text-align: center;
}

h1{
  font-size: 7vw;
  line-height: 6vw;
}

h2{
  font-size: 4vw;
  line-height:5vw;
}

p{
  font-size: 2.5vw;
  line-height: 3vw;
}
h3{
   font-size: 4vw;
  line-height: 4vw;

}
.asterisk-copy{
  font-size: 3vw;
  line-height: 3vw;
}
.footer-type-container-left{
  float: none;
}
.small-screen-break{
  display: inline;
}
.small-screen-break2{
  display: none;
}

 .landing-content, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
.landing-content2{
  width: 50%;
}
.glass-img{
  width: 120%;
  left: -50px;
}
.about-photos-container{
  width: 100%;

}
.logo.fade-in{
  width: 50vw;
}
.landing-type-container2{
  padding-top: 10vh;
  
}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}


 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
  clear: both;

}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 70%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.about-photoR{
  display: block;
  width: 70%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}


#about-typebox{
  display: block;
  opacity: 1;
}

.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
  padding-top: 10px;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}


.plus-sign{
  display: none;
}
.event-break{
  display: none;
}
.rule-custom{
  width: 100%;
}

.sub{
  opacity: 1;
  height: 200px;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
 margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}
.client-logo-container{
  width: 100%;
  display: block;
  margin-top: 60%;
  
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
} .mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}
 }
@media all and (max-width: 480px) { ... }





/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.landing-type-container2{
  width: 100%;
  display: block;
 

}

.big-paragraph {
    font-size: 6vw;
    line-height: 7vw;
}
.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menu ul{
  padding-top: 30%;
}

.menuOpen{
  margin-left: 0px;
}

 
.rule-custom{
  width: 100%;
}
.subhead2{
 display:none; 
}
.landing-type-container3{
  display: block;
  width: 100%;
}
.rule3{
  display: none;
}
.sub{
  visibility: visible;
}
.arrow-container{
  width: 6%;
  bottom: 8vh;
  left:  47%;
  z-index: 990;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.vert-rule{
  display:none;
}
.mobile-center{
  text-align: center;
}
.overlay .overlay-close{
  margin-left: 3%;
}
h1{
  font-size: 10vw;
  line-height: 11vw;
}

h2{
  font-size: 6vw;
  line-height: 7vw;
}

p{
  font-size: 5.5vw;
  line-height: 6.5vw;
}
h3{
   font-size: 6vw;
  line-height: 7vw;

}

.menu-butt{
  width: 30px;
  margin-left: 28%;
}

.logo.fade-in {
  width: 220px;
  
  position: relative;
  transform: translateY(30vh);

}

.logo{
  width: 100px;
}
 .landing-content, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
.landing-content2{
  width: 80%;
}
.logo-container{
  
  
  position: relative;
}
.about-photos-container{
  width: 100%;

}
.landing-type-container2{
  padding-top: 7vh;
 

}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}
.small-screen-break2{
  display: inline;
}
 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 100%;
}
.about-photoR{
  display: block;
  width: 100%;
}



#about-typebox{
  display: block;
  opacity: 1;
}
.client-logo-container{
  width: 120%;
  padding-top:32vh;
  clear:both;
  padding-left: 13%;
}
.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}

.glass-img{
      width: 150%;
    left: -87px;
  
}

.plus-sign{
  display: none;
}
.event-break{
  display: inline;
}
li:hover .sub { 
height: 30vh;}

.sub{
  opacity: 1;
  height: auto;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
 margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}
.desktop-break{
  display: none;
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
.mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { .landing-type-container2{
  width: 100%;
  display: block;
  

}
.big-paragraph {
    font-size: 6vw;
    line-height: 7vw;
}

.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menu ul{
  padding-top: 30%;
}
.menuOpen{
  margin-left: 0px;
}
.subhead2{
 display:none; 
}
.rule-custom{
  width: 100%;
}
.rule3{
  display: none;
}
.landing-type-container3{
  display: block;
  width: 100%;
}
.vert-rule{
  display:none;
}
.overlay .overlay-close{
  margin-left: 3%;
}
.mobile-center{
  text-align: center;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.small-screen-break2{
  display: inline;
}

h1{
  font-size: 10vw;
  line-height: 10vw;
}

h2{
  font-size: 6vw;
  line-height: 7vw;
}

p{
  font-size: 5.5vw;
  line-height: 6.5vw;
}
h3{
   font-size: 6vw;
  line-height: 7vw;

}
.menu-butt{
  width: 30px;
  margin-left: 28%;
}

.logo.fade-in {
  width: 220px;
  position: relative;
  transform: translateY(30vh);

}

.logo{
  width: 100px;
}
 .landing-content, .landing-content2, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
.logo-container{

  position: relative;
}
.about-photos-container{
  width: 100%;

}
.landing-type-container2{
  padding-top: 10vh;
 
}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}
 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 100%;
}
.about-photoR{
  display: block;
  width: 100%;
}


#about-typebox{
  display: block;
  opacity: 1;
}
.client-logo-container{
  width: 120%;
  padding-top: 25vh;
  clear:both;
  padding-left: 13%;
}
.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}

.glass-img{
  width: 180%;
  left: -150px;
  
}

.plus-sign{
  display: none;
}
.event-break{
  display: inline;
}
li:hover .sub { 
height: 30vh;}

.sub{
  opacity: 1;
  height: 200px;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
  margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}
.desktop-break{
  display: none;
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
.mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .landing-type-container2{
  width: 100%;
  display: block;
  

}
.big-paragraph {
    font-size: 6vw;
    line-height: 7vw;
}
.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menuOpen{
  margin-left: 0px;
}
.landing-type-container3{
  width: 100%;
  display: block;
}
.rule3{
  display: none;
}
.vert-rule{
  display: none;
}
.rule-custom{
  width: 100%;
}
.subhead2{
 display:none; 
}

.rule3{
  display: none;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.overlay .overlay-close{
  margin-left: 3%;
}
.small-screen-break2{
  display: inline;
}

.mobile-center{
  text-align: center;
}
h1{
  font-size: 10vw;
  line-height: 10vw;
}

h2{
  font-size: 6vw;
  line-height: 7vw;
}

p{
  font-size: 5.5vw;
  line-height: 6.5vw;
}
h3{
   font-size: 6vw;
  line-height: 7vw;

}

.menu-butt{
  width: 30px;
  margin-left: 28%;
}

.logo.fade-in {
  width: 220px;

  position: relative;
  transform: translateY(30vh);

}

.logo{
  width: 100px;
}
 .landing-content, .landing-content2, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
.logo-container{
 

  position: relative;
}
.about-photos-container{
  width: 100%;

}
.landing-type-container2{
  padding-top: 10vh;
  
}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}

 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
  clear: both;

}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 100%;
}
.about-photoR{
  display: block;
  width: 100%;
}


#about-typebox{
  display: block;
  opacity: 1;
}
.client-logo-container{
  width: 120%;
  padding-top: 25vh;
  clear:both;
  padding-left: 13%;
}
.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}

.glass-img{
  width: 180%;
  left: -150px;
 
}

.plus-sign{
  display: none;
}
.event-break{
  display: inline;
}
li:hover .sub { 
height: 30vh;}

.sub{
  opacity: 1;
  height: 200px;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
  margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}

.desktop-break{
  display: none;
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
.mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}
}



 /* iphone x */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 

.landing-type-container2{
  width: 100%;
  display: block;
  

}
.big-paragraph {
    font-size: 6vw;
    line-height: 7vw;
}
.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menuOpen{
  margin-left: 0px;
}
.rule-custom{
  width: 100%;
}
.subhead2{
 display:none; 
}
.rule3{
  display: none;
}
.landing-type-container3{
  display: block;
  width: 100%;
}
.vert-rule{
  display:none;
}
.overlay .overlay-close{
  margin-left: 3%;
}


.event-menu-container{
  width: 100%;
  display: block;
  
}
.small-screen-break2{
  display: inline;
}
.mobile-center{
  text-align: center;
}

h1{
  font-size: 10vw;
  line-height: 11vw;
}

h2{
  font-size: 6vw;
  line-height: 7vw;
}

p{
  font-size: 5.5vw;
  line-height: 6.5vw;
}
h3{
   font-size: 6vw;
  line-height: 7vw;

}

.menu-butt{
  width: 30px;
  margin-left: 28%;
}
.logo.fade-in {
  width: 220px;

  position: relative;
  transform: translateY(30vh);

}

.logo{
  width: 100px;
}
 .landing-content, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }

.landing-content2{
    width: 80% ;
  }
.logo-container{
 

  position: relative;
}
.about-photos-container{
  width: 100%;

}
.landing-type-container2{
  padding-top: 10vh;
  
}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}

 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
  clear: both;

}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 100%;
}
.about-photoR{
  display: block;
  width: 100%;
}



#about-typebox{
  display: block;
  opacity: 1;
}
.client-logo-container{
  width: 120%;
  padding-top: 30vh;
  clear:both;
  padding-left: 13%;
}
.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}

.glass-img{
  width: 150%;
  left: -83px;
 
}

.plus-sign{
  display: none;
}
.event-break{
  display: inline;
}
li:hover .sub { 
height: 30vh;}

.sub{
  opacity: 1;
  height: auto;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
  margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}

.desktop-break{
  display: none;
}

.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
.mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}

}



/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { .landing-type-container2{
  width: 100%;
  display: block;
  

}
.big-paragraph {
    font-size: 6vw;
    line-height: 7vw;
}
.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menuOpen{
  margin-left: 0px;
}
.rule-custom{
  width: 100%;
}
.vert-rule{
  display:none;
}
.subhead2{
 display:none; 
}
.rule3{
  display: none;
}

.small-screen-break2{
  display: inline;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.mobile-center{
  text-align: center;
}
.overlay .overlay-close{
  margin-left: 3%;
}
h1{
  font-size: 10vw;
  line-height: 11vw;
}

h2{
  font-size: 6vw;
  line-height: 7vw;
}

p{
  font-size: 5.5vw;
  line-height: 6.5vw;
}
h3{
   font-size: 6vw;
  line-height: 7vw;

}


.logo.fade-in {
  width: 220px;
  position: relative;
  transform: translateY(30vh);

}

.logo{
  width: 100px;
}
 .landing-content, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
   .landing-content2{
    width: 80% ;
   }
.logo-container{

  position: relative;
}
.about-photos-container{
  width: 100%;

}
.landing-type-container2{
  padding-top: 10vh;

}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}
 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 100%;
}
.about-photoR{
  display: block;
  width: 100%;
}

#about-typebox{
  display: block;
  opacity: 1;
}
.client-logo-container{
  width: 120%;
  padding-top: 30vh;
  clear:both;
  padding-left: 13%;
}
.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}

.glass-img{
   width: 150%;
    left: -87px;
  
}

.plus-sign{
  display: none;
}
.event-break{
  display: inline;
}
li:hover .sub { 
height: 30vh;}

.sub{
  opacity: 1;
  height: 200px;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}
.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
  margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}
.desktop-break{
  display: none;
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
.mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}
}




/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .landing-type-container2{
  width: 100%;
  display: block;


}
.big-paragraph {
    font-size: 4vw;
    line-height:5vw;
}
.menu ul li a {
  font-size: 7vw;
  padding: 20px 0;
 


}
.menuOpen{
  margin-left: 0px;
}
.rule-custom{
  width: 100%;
}

.rule3{
  display: none;
}
.vert-rule{
  display:none;
}
.subhead2{
 display:none; 
}
.ipad-mobile-break{
  display: none;
}
.event-menu-container{
  width: 100%;
  display: block;
  
}
.mobile-center{
  text-align: center;
}

h1{
  font-size: 7vw;
  line-height: 8vw;
}

h2{
  font-size: 4vw;
  line-height:5vw;
}

p{
  font-size: 2.5vw;
  line-height: 3vw;
}
h3{
   font-size: 4vw;
  line-height: 4vw;

}

.footer-type-container-left{
  float: none;
}
.small-screen-break{
  display: inline;
}
.small-screen-break2{
  display: none;
}

 .landing-content, .menu-content, .about-content, .clients-content, .footer-content{
    width: 70% ;
  }
.landing-content2{
  width: 60%;
}
.glass-img{
  width: 120%;
  left: -50px;
}
.about-photos-container{
  width: 100%;

}
.logo.fade-in{
  width: 50vw;
}
.landing-type-container2{
  padding-top: 10vh;
  
}
.about-bio-containerR{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;

}


 .event-spacer{
    height: 10px;
  }
.event-menu-container{
  width: 100%;
}
.about-bio-containerL{
  display: block;
  width: 100%;
   opacity: 1;
  padding-bottom: 100px;
  text-align: left;
  clear: both;

}
.about-name{
  font-size: 6vw;
  line-height: 6vw;
}
.about-descriptor{
  font-size: 2vh;
  line-height: 2.5vh;
}
.about-photoL{
  display: block;
  width: 70%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.about-photoR{
  display: block;
  width: 70%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}


#about-typebox{
  display: block;
  opacity: 1;
}

.footer-content{
  height: 150px;
  text-align: center
}
.footer-butt-container{
  display: block;
  padding-top: 10px;
}
.footer-type-container-right{
  text-align: center;
  float: none;
  clear: both;

}
.footer-copyright{
  padding-top: 20px;
}
.bio-rule,.bio-rule2{
  display: none;
}
.bio-rule-mobile{
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 10px;
  display: inherit;
}

.overlay ul li a{
  font-size: 8vw;
}


.plus-sign{
  display: none;
}
.event-break{
  display: none;
}


.sub{
  opacity: 1;
  height: 200px;
  padding-top: 20px;
  width: 100%;
  visibility: visible;
}
.event-spacer{
  display: block;
  clear: both;
  height: 110px;
}

.event-menu-butt{
  height: 40px;
  width: 100%;

}

.event-menu-butt2{
  height: 40px;
  width: 100%;

}
.butt-type{
 margin-top: 11px;
  font-size: 15px;
}
.nav-left{
  z-index: 990;
}
.logo-container{
  z-index: 800;
}
.client-logo-container{
  width: 100%;
  display: block;
  margin-top: 60%;
  
}
.about-img-mobile{
  display: inherit;
}
.about-img-desktop{
  display: none;
}
 .mobile-hide{
  display: none;
}
.mobile-show{
  display: inherit;
}
.landing-type-container3{
  display: block;
  width: 100%;
}
}