/* Big tablet to 1200px (widths smaller than the 1140px row)*/
@media only screen and (max-width: 1200px) {
    
    .title-box
    .bb-text-box 
    .elaine-text-box {
        width: 100%;
        padding: 0 2%;
    }
    
    h1 { font-size: 160%;}
    h2 { font-size: 150%;}
    h3 { font-size: 90%;}
    
    .row {padding: 0 2%;}

    section { padding: 40px 2%;}
    
    .logo { width:}
    
    body { font-size: 20px;}
    
    .thumb { font-size: 12px;}
   
    
}





/* Small tablet to big tablet: from 768 to 1023px */
@media only screen and (max-width: 1023px) {
    
    .row {padding: 0 2%;
        margin: 0 auto 0 auto;}
    
    h1 { font-size: 160%;}
    h2 { font-size: 150%;}
    h3 { font-size: 120%;}
    
    #rotator,
    .logo { 
        margin-left: 40px;
        width: 20%;}
    
    .title-box
    .bb-text-box 
    .elaine-text-box {
        width: 100%;
        padding: 0 2%;}
    
    .title-box { margin: 0 auto 0 auto;}
    
    .thumb { font-size: 12px;}
    
    .sign { margin-left: 0;}
    
    body { font-size: 18px; } 
    
    section { padding: 60px 2%;}
    
     #menu-icon { display: inline-block;}
    
      nav ul, nav:active ul {
        display: none;
        position: absolute;
        padding: 20px;
        background: #aa5105;
        border: 5px solid #444;
        right: 20px;
        top: 60px;
        width: 30%;
        border-radius: 4px 0 4px 4px;
    }
    
    nav li {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }
    
    nav:hover ul {
        display: block;
    }
    
    .col {
        width: 100%;
        margin: 1% 0 1% 0;}
    
    .span_3_of_3, .span_2_of_3,
    .span_1_of_3 {width: 100%;}
    .span_2_of_2, .span_1_of_2 {width: 100%;}
    
    .long-copy {
        width: 100%;
        margin-left: 0%;}
    
   
    
}






/* Small phones to small tablets: from 481 to 767px */
@media only screen and (max-width: 767px) {
    
    body { font-size: 14px;}
    
    section {padding: 30px 2%;}
    
    .row,
    .bb-text-box, 
    .elaine-text-box{padding: 0 4%;}
    
    .title-box { padding: 0 6%;
        margin-top: 25%;
        margin-left: 40%;
    }
    
    .title-box-photo {padding: 0 6%;
        margin-top: 2%;
        margin-left: 25%;
    }
    
    
.pic {
    border: 2px solid #f4c242;
    border-radius: 3%;
    box-shadow: 0 40px #f4c242

}
    
    .sign { margin-left: 10%;}
    
    .video embed,
    .video object,
    .video iframe {
        width: 100%;
        height: auto;
    }
    
    
    .col {
        width: 100%;
        margin: 1% 0 1% 0;}
    
    .span_3_of_3, .span_2_of_3,
    .span_1_of_3 {width: 100%;}
    .span_2_of_2, .span_1_of_2 {width: 100%;}
    
    h1 { font-size: 160%;}
    h2 { font-size: 150%;}
    h3 { font-size: 115%;}
    
    .long-copy {
        width: 100%;
        margin-left: 0%;
    }
    
    .date,
    .venue,
    .location {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    #slider {
       
     
    }
    
    #sliderContent ul {
        padding: 30px 0;
        
    }
    
    .show-wrapper {
        font-size: 14px;
    }
    
    .sliderImage span {
        display: none;
}
        
    .logo { margin-left: 40px;
        width: 25%;} 
    
    .main-header { position: absolute;}
    
    #menu-icon { display: inline-block;}
    
    nav ul, nav:active ul {
        display: none;
        position: absolute;
        padding: 20px;
        background: #aa5105;
        border: 5px solid #444;
        right: 20px;
        top: 60px;
        width: 30%;
        border-radius: 4px 0 4px 4px;
    }
    
    nav li {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }
    
    nav:hover ul {
        display: block;
    }
    .main-nav-tour {
        font-size: 12px;
    }
}






/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    
   
    .row {padding: 0 2%;}
    section {padding: 10% 2%;}
    .logo {
        width: 35%;
    } 
    
    .sign {
        margin-left: 25%;
    }
    
    h1 { font-size: 140%;}
    h3 { font-size: 110%;}
    
    .col {margin: 1% 0 1% 0;}
    .span_3_of_3, .span_2_of_3,
    .span_1_of_3 {width: 100%;}
    .span_2_of_2, .span_1_of_2 {width: 100%;}
    
    .title-box { padding: 0 6%;
        margin-top: 50%;
        margin-left: 50%;
    }
    
    .title-box-photo { padding: 0 6%;
        margin-top: 7%;
        margin-left: 50%;}
    
    .bb-text-box {
        padding: 0 6%;
        margin-top: 50%;
        margin-left: 45%;
    }
    
     #menu-icon { display: inline-block;}
    
    nav ul, nav:active ul {
        display: none;
        position: absolute;
        padding: 20px;
        background: #aa5105;
        border: 5px solid #444;
        right: 20px;
        top: 60px;
        width: 50%;
        border-radius: 4px 0 4px 4px;
    }
    
     nav li {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0;
    }
    
    nav:hover ul {
        display: block;
    }
    .main-nav-tour {
        font-size: 12px;
    }
    
    .background-wrap { display: none;}
    
    .btn-ghost:link,
    .btn-ghost:visited {
        background-color: rgba(0, 0, 0, 0.5);
        border: 1px solid #f4c242;
        color: #fff;
       
}

    .btn-ghost:hover,
    .btn-ghost:active {
        background-color: #bf6516;
        color: #f6ceab;
        border-color: #64350b;
}
    
    
  
}