/*******************************************************************************/

body, html { overflow-x:hidden; }

body {
    background-color: #fff;
    color: #000;
	font-family: AvenirLTStd-Light, Arial, Helvetice Neue, sans-serif;
	font-weight: normal;
    font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, span, p, input, select { 
    font-family: AvenirLTStd-Light, Arial, Helvetice Neue, sans-serif;
}
h1, h2, h3, h4, h5, h6 { 
    text-transform: uppercase; text-align:center;
}
a, a:active, a:focus, a:hover {
    color: #0368b0;
	text-decoration: none;
	font-weight: bold;
}
p {
    text-align: justify;
}
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

#founding-membership {
    background-image: url("../images/CeilingFade.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
}

/*******************************************************************************/

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.has-error > .error {
    color: #a94442;
    padding: 10px 5px 5px 10px;
}
.txt_gold {
    color: #cb9865;
}

.dingbat li {list-style-type: circle;}

.dingbat_star ul {list-style-image: url("../images/dingbat_star.png");}


.hilited {background-color:#cd9669;color:white}



/*******************************************************************************/

/* ------ Colorbox ----- */

/*******************************************************************************/

/* ------ Barrating ----- */

/*******************************************************************************/

/* ------ Header/Navigation ----- */

#header {
    position: fixed;
    min-height: 90px;
    background-color:#ffffff;
    z-index: 5000;
    width: 100%;
	border-bottom: groove 4px #006bac;
    margin-bottom: 20px;

}
#header .templatemo-top-bar {
    z-index: 5000;
    min-height: 40px;
    background-color:#eeeeee;
    padding-top: 10px;
}
#templatemo-top div {
    white-space: nowrap;
    text-align: center;
}
#templatemo-top span {
    display: none;
}
@media (min-width: 400px) {
    #templatemo-top span {
        display: inline;
    }
}
@media (min-width: 992px) {
    #templatemo-top div:last-child a {
        margin-right: 50px;
    }
}
#header .navbar-brand {
    padding: 10px;
}
#header .navbar {
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 0;
}
#header .navbar .container {
    padding: 0;
}



#header .navbar-default .navbar-nav {
    margin: 0;
}
#header .navbar-default .navbar-nav > li {
    border-right: 1px solid #f0f0f0;
    padding: 0 6px;
}
#header .navbar-default .navbar-nav > .last {
    border-right: 0;
}
#header .navbar-default .navbar-nav > li > a {
    background: #fff;
    color: #929292;
    letter-spacing: 2px;
    padding: 5px 0;
    text-transform: uppercase; 
    vertical-align: middle;
	text-decoration:none;
	font-weight: normal;
}
#header .navbar-default .navbar-nav > li > a br {
    content: ' ';
}
#header .navbar-default .navbar-nav > li > a br:after {
    content: ' ';
}
#header .navbar-default .navbar-nav > li > a:hover,
#header .navbar-default .navbar-nav > li > a:focus,
#header .navbar-default .navbar-nav > .active > a,
#header .navbar-default .navbar-nav > .active > a:hover,
#header .navbar-default .navbar-nav > .active > a:focus {
    background: #fff;
    color: #cb9865;
}
@media (min-width: 768px) {
    #header .navbar-default .navbar-nav > li > a {
        display: table-cell;
        font-size:14px;
        height: 50px;
        line-height: 18px;
        padding-top: 9px;
        padding-bottom: 9px;
        text-align: center;
    }
    #header .navbar-default .navbar-nav > li > a br {
        content: initial;
    }
    #header .navbar-default .navbar-nav > li > a br:after {
        content: initial;
    }
    #header .navbar-default .navbar-nav > li > a:hover,
    #header .navbar-default .navbar-nav > li > a:focus,
    #header .navbar-default .navbar-nav > .active > a,
    #header .navbar-default .navbar-nav > .active > a:hover,
    #header .navbar-default .navbar-nav > .active > a:focus {
        border-bottom: 3px solid #cb9865;
    }
}
@media (min-width: 1200px) {
    #header .navbar-default .navbar-nav {
        margin: 67px 0 0;
    }
}

/*******************************************************************************/

/* ------ Footer ----- */

@media (min-width: 320px) {

    .sponsorsBox {
        width: 100%;
        margin: 20px auto 20px auto !important;
    }

}

@media (min-width: 768px) {

    .sponsorsBox {
        width: 40%;;
        margin: 20px auto 20px auto !important;
    }

}

@media (min-width: 1280px) {

    .sponsorsBox {
        width: 40%;;
        margin: 20px auto 20px auto !important;
    }
 
}

#footer {
    color: #333;
    font-size: 14px;
    margin: 50px 0 30px;
    text-align: center;
}

.sponsorsBox {
    height: auto;
    border: 1px solid #cb9865;
    background-color: white;
}

.goldBar {
    padding: 10px 10px 7px 10px;
    background-color: lightgrey;
    background-image: url("../images/sponsors_goldBar.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center !important;
    color: #563b00;
    text-transform: uppercase !important;
    font-size: 1.2em;
    letter-spacing: 2px;
}

.silverBar {
    padding: 10px 10px 7px 10px;
    background-color: lightgrey;
    background-image: url("../images/sponsors_silverBar.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center !important;
    color: white;
    text-transform: uppercase !important;
    font-size: 1.2em;
    letter-spacing: 2px;
}


.sponsorsBox img {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
}


.viewLink {
    background-color: #0368b0;
    padding: 5px 10px 5px 10px;
    width: 70%;
    margin: auto;
    transition: 0.3s;
}

.viewLink a {
    color: white;
    transition: 0.3s;
}

.viewLink:hover {
    background-color: #cb9865;
}

.viewLink a:hover {
    color: white;
}

/*******************************************************************************/

/* ------ Carousel ----- */

#carousel {
    /* background: url('../images/templatemo_carousel_bg.jpg') no-repeat center center fixed;  */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom:0;
    /* height: 500px; */
}
#carousel .carousel-new-bg {
       /* background: url('../images/templatemo_carousel_bg2.jpg') no-repeat center center fixed; */
}
#carousel .carousel-caption {
    z-index: 10;
}
#carousel .item {
    /* height: 500px; */
}
#carousel .item2 {
    /* background: url('../images/templatemo_carousel_bg2.jpg') no-repeat center center fixed; */
}
#carousel .carousel-inner > .item > img {
    /* position: absolute; */
    width: 100%;
    /* height: 500px;
    left: 0;
    top: 0; */
}

@media (min-width: 320px) {

    .glyphicon-chevron-left {
        font-size: 1.5em !important;
    }
    .glyphicon-chevron-right {
        font-size: 1.5em !important;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 50px;
    }
    a.right.carousel-control {
        height: 50px;
    }

}

@media (min-width: 375px) {

    .glyphicon-chevron-left {
        font-size: 1.5em;
    }
    .glyphicon-chevron-right {
        font-size: 1.5em;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 60px;
    }
    a.right.carousel-control {
        height: 60px;
    }

}

@media (min-width: 414px) {

    .glyphicon-chevron-left {
        font-size: 1.5em;
    }
    .glyphicon-chevron-right {
        font-size: 1.5em;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 80px;
    }
    a.right.carousel-control {
        height: 80px;
    }

}

@media (min-width: 568px) {

    .glyphicon-chevron-left {
        font-size: 1.5em;
    }
    .glyphicon-chevron-right {
        font-size: 1.5em;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 150px;
    }
    a.right.carousel-control {
        height: 150px;
    }

}

@media (min-width: 667px) {

    .glyphicon-chevron-left {
        font-size: 1.5em;
    }
    .glyphicon-chevron-right {
        font-size: 1.5em;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 180px;
    }
    a.right.carousel-control {
        height: 180px;
    }

}

@media (min-width: 736px) {

    .glyphicon-chevron-left {
        font-size: 2em;
    }
    .glyphicon-chevron-right {
        font-size: 2em;
    }

    .carousel-indicators li {
        width: 7px;
        height: 7px;
    }
    .carousel-indicators li.active {
        width: 9px;
        height: 9px;
    }

    a.left.carousel-control {
        height: 195px;
    }
    a.right.carousel-control {
        height: 195px;
    }

}

@media (min-width: 768px) {

    #carousel .carousel-caption {
        padding-bottom: 120px;
    }

    .glyphicon-chevron-left {
        font-size: 60px !important;
        font-weight: bold;
    }
    .glyphicon-chevron-right {
        font-size: 60px !important;
        font-weight: bold;
    }
   
    #carousel .carousel-caption p {
        margin-bottom: 20px;
        line-height: 1.4;
        font-size: 21px;
    }

    #carousel .carousel-caption {
        padding-bottom: 140px;
        right: 20%;
        left: 20%;
    }

     a.left.carousel-control {
        height: 145px;
    }
    a.right.carousel-control {
        height: 145px;
    }
}
/*@media (max-width: 768px) {

    #carousel .carousel-caption {
        padding-bottom: 120px;
    }
}*/

@media (max-width: 1024px) {
   
    #carousel {
        /* background: url('../images/templatemo_carousel_bg_s.jpg') no-repeat center center;  */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow-x: hidden;
        margin-bottom:0;
        /* height: 500px; */
    }
}

@media (min-width: 1024px) {

    .glyphicon-chevron-left {
        font-size: 60px;
        font-weight: bold;
    }
    .glyphicon-chevron-right {
        font-size: 60px;
        font-weight: bold;
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    .carousel-indicators li.active {
        width: 12px;
        height: 12px;
    }

    a.left.carousel-control {
        height: auto;
    }
    a.right.carousel-control {
        height: auto;
    }

}

@media (min-width: 1280px) {

    .glyphicon-chevron-left {
        font-size: 60px;
        font-weight: bold;
    }
    .glyphicon-chevron-right {
        font-size: 60px;
        font-weight: bold;
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
    }
    .carousel-indicators li.active {
        width: 12px;
        height: 12px;
    }

    a.left.carousel-control {
        height: auto;
    }
    a.right.carousel-control {
        height: auto;
    }

}

/*******************************************************************************/

/* ------ All Sections ------ */

.numero {
	font-family: arial, helvetica, Geneva, sans-serif;
	font-size:14px;
	color: #333333;
}

#venue-rentals > .container > .row,
#meeting-spaces > .container > .row {
    margin-bottom: 12px;
}

section {
    margin-top: 10px;
}
section#carousel {
    margin-top: 0;
}
section h1.line-header {
    background: #fff;
    color: #cb9865;
    letter-spacing: 5px;
    margin: 20px 0;
    padding: 2px 0 0;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
}


/*@media (min-width: 768px) {
    section h1.line-header:before,
    section h1.line-header:after {
        border-top: 2px solid #cb9865;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 10px;
    }
    section h1.line-header:before {
        right: 10px;
        margin-left: -50%;
    }
    section h1.line-header:after {
        left: 10px;
        margin-right: -50%;
    }
}*/

@media (min-width: 320px) {
    
    section h1.line-header {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.5em;
    }

    section h1.line-header2 {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.5em;
    }
    
}

@media (min-width: 375px) {
    
    section h1.line-header {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.75em;
    }

    section h1.line-header2 {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.75em;
    }
    
}


/*section h1.line-header2 {
    background: #fff;
    color: #cb9865;
    letter-spacing: 5px;
    margin: 20px 0 0px 0;
    padding: 2px 0 2px 0;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.7em;
}*/

@media (min-width: 768px) {

    section h1.line-header {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.2em !important;
    }

    section h1.line-header2 {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.2em !important;
    }

    section h1.line-header:before{
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header2:before{
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header:after {
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header2:after {
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header:before {
        right: 10px;
        margin-left: -50%;
    }

    section h1.line-header2:before {
        right: 10px;
        margin-left: -50%;
    }

    section h1.line-header:after {
        left: 10px;
        margin-right: -50%;
    }

    section h1.line-header2:after {
        left: 10px;
        margin-right: -50%;
    }



}

@media (min-width: 1024px) {

    section h1.line-header {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.2em !important;
    }

    section h1.line-header2 {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 3px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.2em !important;
    }

    section h1.line-header:before{
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header2:before{
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header:after {
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header2:after {
        border-top: 2px solid white;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header:before {
        right: 10px;
        margin-left: -50%;
    }

    section h1.line-header2:before {
        right: 10px;
        margin-left: -50%;
    }

    section h1.line-header:after {
        left: 10px;
        margin-right: -50%;
    }

    section h1.line-header2:after {
        left: 10px;
        margin-right: -50%;
    }



}


@media (min-width: 1280px) {

    section h1.line-header:before{
        border-top: 2px solid #cb9865;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header:after {
        border-top: 2px solid #cb9865;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }
    
    section h1.line-header {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 5px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.7em !important;
    }

    section h1.line-header2:before{
        border-top: 2px solid #cb9865;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }

    section h1.line-header2:after {
        border-top: 2px solid #cb9865;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
        margin-bottom: 5px;
    }
    
    section h1.line-header2 {
        background: #fff;
        color: #cb9865 !important;
        letter-spacing: 5px;
        margin: 20px 0 0px 0;
        padding: 2px 0 2px 0;
        overflow: hidden;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.7em !important;
    }
    
}


section .rental-rate {
    background: #f0f0f0;
    text-transform: uppercase;
}

/*******************************************************************************/

/* ------ Welcome & Slogan ------ */

@media (min-width: 320px) {

    #welcome p {
        font-size: 0.86em;
        text-align: justify;
        margin: 15px 0;
    } 

    #welcome h2 {
        font-size: 1.25em !important;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    } 

    #welcome h4 {
        font-size: 1em !important;
        margin: 5px 0 10px 0;
        color: #cb9865;
    } 

    #welcome ul {
        width: 95% !important;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 0.85em;
    }

    .corpInfo li {
        width: 105% !important;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px auto 10px auto;
        padding: 10px;
    }

}

@media (min-width: 375px) {

    #welcome p {
        font-size: 0.9em;
        text-align: justify;
        margin: 15px 0;
    } 

    #welcome h2 {
        font-size: 1.5em !important;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    } 

    #welcome h4 {
        font-size: 1em !important;
        margin: 5px 0 10px 0;
        color: #cb9865;
    } 

    #welcome ul {
        width: 95% !important;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 0.85em;
    }

    .corpInfo li {
        width: 105% !important;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px auto 10px auto;
        padding: 10px;
    }

}

@media (min-width: 414px) {

    #welcome p {
        font-size: 0.9em;
        text-align: justify;
        margin: 15px 0;
    } 

    #welcome h2 {
        font-size: 1.5em !important;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    } 

    #welcome h4 {
        font-size: 1em !important;
        margin: 5px 0 10px 0;
        color: #cb9865;
    } 

    #welcome ul {
        width: 100% !important;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 0.85em;
        width: 95%;
    }

    .corpInfo li {
        width: 345px !important;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px auto 10px auto;
        padding: 10px;
    }

}

@media (min-width: 768px) {

    #welcome p {
        font-size: 1.1em;
        text-align: justify;
        margin: 15px 0;
    } 

    #welcome h2 {
        font-size: 2.25em !important;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    } 

    #welcome h4 {
        font-size: 1.5em !important;
        margin: 5px 0 20px 0;
        color: #cb9865;
    } 

    #welcome ul {
        width: 100% !important;
        margin-left: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 1.125em;
        width: 95%;
    }

    .corpInfo li {
        width: 300px !important;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px 10px 10px auto;
        padding: 10px;
    }

}

@media (min-width: 1024px) {

    #welcome p {
        font-size: 17px;
        text-align: justify;
        margin: 20px 0;
    }

    #welcome h2 {
        font-size: 28px !important;
        text-align: center;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    }

    #welcome ul {
        width: 100% !important;
        margin-left: 10px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 0.74em;
    }

    #welcome h4 {
        font-size: 18px !important;
        text-align: center;
        margin: 0px 0 20px 0;
        color: #cb9865;
    } 

    .corpInfo li {
        width: 350px;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px auto 10px auto;
        padding: 10px;
    }

}

@media (min-width: 1280px) {

    #welcome p {
        font-size: 17px;
        text-align: justify;
        margin: 20px 0;
    }

    #welcome h2 {
        font-size: 28px !important;
        text-align: center;
        /*margin: 30px 0 10px 0;*/
        color: #cb9865;
    }

    #welcome ul {
        width: 100% !important;
        margin-left: 10px;
        margin-right: auto;
        margin-bottom: 0px;
        padding: 0;
    }

    #welcome ul li {
        font-size: 0.96em;
    }

    #welcome h4 {
        font-size: 18px !important;
        text-align: center;
        margin: 0px 0 20px 0;
        color: #cb9865;
    } 

    .corpInfo li {
        width: 350px;
        border: 1px solid #cb9865;
        position: relative;
        margin: 10px auto 10px auto;
        padding: 10px;
    }

}

#welcome {
    text-align: center;
}
#welcome .slogan {
    color: #6e6e70;
    font-size: 24px;
    margin: 20px 0;
}

#welcome h2 {
    text-align: center;
    color: #cb9865;
    margin: 35px 0 20px 0;
} 

#welcome h4 {
    text-align: center;
    color: #cb9865;
} 

#welcome ul {
    margin-left: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0;
}

/*#welcome ul li {
    font-size: 0.96em;
}*/

.corpInfo {
    list-style-type: none;
    text-align: center;
}

.corpInfo li {
    width: 350px;
    border: 1px solid lightgrey;
    position: relative;
    margin: 10px auto 10px auto;
    padding: 10px;
    background-image: url(../images/sponsors_silverBar.png);
    background-size: 100% auto;
}

.corpInfo li a {
color:white;
text-decoration: underline;
}


#bulletA {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterA.png");
} 

#bulletA::before {
    top: 10px;
} 

#bulletB {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterB.png");
} 

#bulletC {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterC.png");
} 

#bulletD {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterD.png");
} 

#bulletE {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterE.png");
} 

#bulletF {
    margin: 0 0 15px 0;
    list-style-image: url("../images/bulletletterF.png");
}

.brochureImage {
        width: 40%;
        height: 600px;
        float: left;
        margin: 0px 0 0 0;
        background-image: url("../images/3panelCover.jpg");
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

.permPurposes {
    width: 57%;
    padding: 0 0 0 30px;
    height: auto;
    float: left;
}

.permPurposes h2 {
    margin: 0px !important;
}

@media (min-width: 320px) {

    .brochureImage {
        width: 100%;
        height: 350px;
        float: left;
        margin: 0px 0 0px 0;
    }

    .permPurposes {
        width: 100%;
        padding: 0 0 0 0;
        height: auto;
        float: left;
    }

}

@media (min-width: 375px) {

    .brochureImage {
        width: 100%;
        height: 410px;
        float: left;
        margin: 0px 0 20px 0;
    }

    .permPurposes {
        width: 100%;
        padding: 0 0 0 0;
        height: auto;
        float: left;
    }

}

@media (min-width: 414px) {

    .brochureImage {
        width: 100%;
        height: 470px;
        float: left;
        margin: 0px 0 10px 0;
    }

    .permPurposes {
        width: 100%;
        padding: 0 0 0 0;
        height: auto;
        float: left;
    }

}

@media (min-width: 667px) {

    .brochureImage {
        width: 100%;
        height: 480px;
        float: left;
        margin: 0px 0 20px 0;
    }

    .permPurposes {
        width: 100%;
        padding: 0 0 0 0;
        height: auto;
        float: left;
    }

}

@media (min-width: 768px) {

    .brochureImage {
        width: 100%;
        height: 480px;
        float: left;
        margin: 0px 0 20px 0;
    }

    .permPurposes {
        width: 100%;
        padding: 0 0 0 0;
        height: auto;
        float: left;
    }

}

@media (min-width: 1024px) {
    
    .brochureImage {
        width: 40%;
        height: 490px;
        float: left;
        margin: 0px 0 0 0;
    }

    .permPurposes {
        width: 60%;
        padding: 0 0 0 30px;
        height: auto;
        float: left;
    }

}

@media (min-width: 1280px) {
    
    .brochureImage {
        width: 40%;
        height: 600px;
        float: left;
        margin: 0px 0 0 0;
    }

    .permPurposes {
        width: 60%;
        padding: 0 0 0 30px;
        height: auto;
        float: left;
    }

}


.doubleColumn {
    width: 100%;
    height: auto;
    padding: 20px 20px 18px 20px;
    background-color: #f8f8f9;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

/*******************************************************************************/

/* ------ Campaign ------ */



@media (min-width: 320px) {

    .logo7525 {
        width: 125px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 100%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 0.75em;
    }

}

@media (min-width: 375px) {

    .logo7525 {
        width: 150px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 100%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 0.9em;
    }

}

@media (min-width: 414px) {

    .logo7525 {
        width: 150px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 100%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 1.1em;
    }

}

@media (min-width: 568px) {

    .logo7525 {
        width: 150px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 60%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 0.9em;
    }

}

@media (min-width: 768px) {

    .logo7525 {
        width: 200px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 50%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 1em;
    }

}

@media (min-width: 1024px) {

    .logo7525 {
        width: 150px;
        height: auto;
        float: left;
        margin: 0 25px 20px 0;
    }

    .viewInsert {
        width: 50%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        /*background-image: url(../images/insertDPS.jpg);*/
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 1.25em;
    }

}

@media (min-width: 1280px) {

    .logo7525 {
        width: 225px;
        height: auto;
        float: left;
        margin: 0 25px 25px 0;
    }

    .viewInsert {
        width: 50%;
        height: auto;
        margin: auto;
        background-color: #f8f8f9;
        display:block;
        position:relative;
    }

    .insertImage {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    .insertImage img {
        display:block;
        position:relative;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

    .imageOverlay {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #0368b0;
        padding: 12px 0 10px 0;
        color: white;
        font-size: 1.5em;
    }

}


/*******************************************************************************/


/* ------ Membership ------ */

.namesContainer {
    margin-left: auto;
    margin-right: auto;
}

.underlined { 
    border-bottom: 1px solid #cd9669;
    padding-bottom: 0px;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

@media (min-width: 320px) {
    
    .namesContainer {
        width: 100%;
    }

    .underlined {
        font-size: 0.9em;
    }


}

@media (min-width: 375px) {

    .namesContainer {
        width: 100%;
    }

    .underlined {
        font-size: 1em;
    }
    
}

@media (min-width: 414px) {
    
    .namesContainer {
        width: 100%;
    }

    .underlined {
        font-size: 1.1em;
    }

}

@media (min-width: 768px) {

    .namesContainer {
        width: 690px;
    }

    .underlined {
        font-size: 1em;
    }
    
}

@media (min-width: 1024px) {
    
    .namesContainer {
        width: 690px;
    }

    .underlined {
        font-size: 1em;
    }
    
}

@media (min-width: 1280px) {

    .namesContainer {
        width: 690px;
    }

}


/*******************************************************************************/


/* ------ Meeting Spaces ------ */

/*#meeting-spaces h1 {
    width: 390px;
}*/


/*******************************************************************************/


/* ------ Added Experience ------ */

#added-experience > .container > div > .row > div:nth-of-type(even) {
    padding-left: 0;
}
#added-experience > .container > .col-md-6 {
    margin-bottom: 10px;
}
@media (min-width: 991px) {
    #added-experience > .container > .col-md-6.divider-md {
        border-left: 1px solid #cb9865;
        margin-bottom: 0;
    }
}

/*******************************************************************************/

/* ------ Photo Gallery ------ */

/*#photo-gallery h1 {
    width: 380px;
}*/
#photo-gallery .col-gallery .wrap {
    border: 0px solid purple;
    overflow: hidden;
    position: relative;
}
#photo-gallery .col-gallery .wrap.fade-out::after {    
    background: linear-gradient(to top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 20%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 80;
}
#photo-gallery .col-gallery .templatemo-project-gallery {         
    margin: 0;
}
#photo-gallery .col-gallery .templatemo-project-gallery li {     
    list-style: none;
    margin-bottom: 15px;
    padding: 0;          
}
#photo-gallery .col-gallery .templatemo-project-gallery li img {
    cursor: pointer;
}
#photo-gallery .col-gallery .templatemo-project-box {
    background-size: cover;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    width: 200px;
    height: 200px;
}
#photo-gallery .col-gallery .templatemo-project-box:hover .project-overlay {
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}
#photo-gallery .col-gallery .project-overlay {
    background : rgba(0,0,0,.75);
    border : 2px solid #cb9865;
    visibility: hidden;
    position: absolute;
    text-align:center;
    padding-top:40px;
    color: #fff;
    height: 100%;
    width: 100%;
    opacity: 0;
    right: 0;
    top: 0;
}
#photo-gallery .col-gallery .project-overlay hr {
    width : 70%;
    
}
#photo-gallery .col-gallery .more > div {
    background: #cb9865;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    margin: 30px auto;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 170px;
}
#col-instagram h3 {
    color: #cb9865;
    margin: 0 0 30px;
}
#col-instagram h3 > .at {
    color: #000;
    display: block;
    text-transform: lowercase;
}
#col-instagram .colorbox {
    max-height: 320px;
    max-width: 320px;
}
#col-instagram .clearfix {
    margin-bottom: 10px;
}
@media (min-width: 991px){
    #col-instagram {
        border-left: 1px solid #cb9865;
    }
}

/*******************************************************************************/

/* ------ Reviews ------ */

#reviews {
    border-left:2px solid #ffffff; 
    min-height:160px;
}
#reviews h2 {
    color: #cb9865;
    margin: 0;
    text-transform: uppercase;
}
#reviews .review {
    overflow: hidden;
}
#reviews .review .comment {
    display: block;
    font-size: 120%;
    font-style: italic;
    margin: 20px 0;
}
#reviews .review .date {
    font-size: 16px;
}
#reviews .review .pull-right {
    text-align: right;
}
#reviews form input, #reviews form select {
    max-width: 700px;
}
#reviews button {
    color: #fff;
    font-size: 21px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

/*******************************************************************************/

/* ------ Suppliers ------ */

#suppliers h2 {
    background: #cb9865;
    color: white;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
}
#suppliers img {
    margin-left: auto;
    margin-right: auto;
}

/*******************************************************************************/


/* ------ Contact Us ------ */

#contact h1 {
    margin-top: 20px;
}
#contact h2 {
    color: #cb9865;
    text-transform: none;
}
#contact .row .row {
    padding-left: 10px;
}
#contact .push {
    margin-right: 10px;
}
#contact .map-canvas {
    height: 500px;
}


.address {
    text-transform: capitalize;
    color: #cb9865;
}

.phoneNumber {
    color: #cb9865;
}


@media (min-width: 320px) {

    .contactInfo {
        margin-top: 20px;
    }

    .contactInfo .row p {
        font-size: 16px;
        text-align: left;
    }

    .phoneNumber {
        font-size: 15px;
    }

    #contact .push {
        margin-right: 5px;
    } 

    .address {
        font-size: 16px;
    }

    #contact .map-canvas {
        height: 250px;
    }

}

@media (min-width: 375px) {

    .contactInfo {
        margin-top: 20px;
    }

    .contactInfo .row p {
        font-size: 16px;
        text-align: left;
    }

    .phoneNumber {
        font-size: 15px;
    }

    #contact .push {
        margin-right: 5px;
    }

    .address {
        font-size: 16px;
    } 

    #contact .map-canvas {
        height: 250px;
    }

}

@media (min-width: 414px) {

    .contactInfo {
        margin-top: 20px;
    }

    .contactInfo .row p {
        font-size: 18px;
        text-align: left;
    }

    .phoneNumber {
        font-size: 17px;
    }

    #contact .push {
        margin-right: 10px;
    } 

    .address {
        font-size: 16px;
    }

    #contact .map-canvas {
        height: 300px;
    }

}

@media (min-width: 568px) {

    .contactInfo {
        margin-top: 25px;
    }

    .contactInfo .row p {
        font-size: 15px;
        text-align: left;
    }

    .phoneNumber {
        font-size: 14px;
    }

    #contact .push {
        margin-right: 5px;
    } 

    #contact .map-canvas {
        height: 300px;
    }


}

@media (min-width: 667px) {

    

}

@media (min-width: 768px) {

    .contactInfo {
        margin-top: 95px;
    }

    #contact .map-canvas {
        height: 480px;
    }

}

@media (min-width: 1024px) {

    .contactInfo {
        margin-top: 90px;
    }

    .contactInfo .row p {
        font-size: 16px;
    }

    .phoneNumber {
        font-size: 15px;
    }

}

@media (min-width: 1280px) {

    .contactInfo {
        margin-top: 90px;
    }

    .contactInfo .row p {
        font-size: 16px;
    }

    .phoneNumber {
        font-size: 15px;
    }

}








.txt_left-justified {
	text-justify: left;
}

.txt_darkgrey {
    color: #333333;
}



.txt_goldenHeading {
	color: #cb9865;
	font-size: 3em;
	font-weight:500;
	padding-left:20px;
}

.txt_goldenHeading-small {
	color: #cb9865;
	font-size: 2em;
	font-weight:500;
	padding-left:0px;
}



.social-icon-fb {
    background: url('../images/icons/social-icon-fb.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-fb {
    background: url('../images/icons/social-icon-fb-over.png') no-repeat;
}

.social-icon-rss {
    background: url('../images/icons/social-icon-rss.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-rss {
    background: url('../images/icons/social-icon-rss-over.png') no-repeat;
}

.social-icon-twitter {
    background: url('../images/icons/social-icon-twitter.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-twitter {
    background: url('../images/icons/social-icon-twitter-over.png') no-repeat;
}

.social-icon-linkedin {
    background: url('../images/icons/social-icon-linkedin.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-linkedin {
    background: url('../images/icons/social-icon-linkedin-over.png') no-repeat;
}

.social-icon-dribbble {
    background: url('../images/icons/social-icon-dribbble.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-dribbble {
    background: url('../images/icons/social-icon-dribbble-over.png') no-repeat;
}

ul.templatemo-project-gallery  li  a img:hover {
    border: 3px solid #cb9865;
}

.templatemo-gallery-category a {
	color:#333333; 
}

.templatemo-gallery-category a.active {
	color:#cb9865; 
	text-decoration:none;
}

.templatemo-gallery-category a:focus {
	color:#cb9865;
	text-decoration:none;	
}

.templatemo-gallery-category a:hover {
	color:#cb9865; 
	text-decoration:none;
}

.link_orange:hover {
    text-decoration:none;
}



.templatemo-tweets {
    background-color: #8996a0;
    min-height:200px;
    font-family:  'Open Sans', sans-serif;
    font-size:20px;
    color:#ffffff;
    margin-top:100px;
}




.btn_loadmore {
	margin-top:30px; 
	margin-bottom:80px;
}

.blog_box {
	margin-left: -12px;
}

@media (min-width:991px) and (max-width:1200px) {
    .templatemo-project-box, .project-overlay {
        height:170px;
        width:170px;
    }

    .templatemo-project-gallery {
        margin-left: -70px;
    }

    .templatemo-service-item-header {
        padding: 16px 10px 20px;
    }

    .templatemo-header-orange {
        min-width: 230px;
    }

    .team_box,  .team_box_over {
        height:220px;
        width:220px;
    }
	
}


@media (max-width:991px) {
    .team-inner {
        margin-top: 20px;
        margin-bottom: 20px;
    }
	
    .templatemo-btn-read-more {
        float:right;
        margin-bottom :40px; 
    } 
}


@media (min-width:768px) and (max-width:990px) {
    .templatemo-project-box , .project-overlay {
       height:130px;
       width:130px;
       padding-top: 0px;
    }

    .templatemo-project-gallery {
       margin-left: 10px; 
    }

    .blog_box{
       margin-right: -140px;
    }
}

/*******************************************************************************/

/************LEGENDS GALA************/

/*#wrapper   { display: table; }
#firstDiv  { display: table-footer-group; }
#secondDiv { display: table-header-group; }*/


#contentWrapper {
    height: auto !important;
}

.commMembers {
    width: 100%;
    height: auto;
}

.commMembers tr:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #ced8dd;
}

.commMembers tr:nth-child(odd) {
    background: #f8f8f9;
    border-bottom: 1px solid #ced8dd;
}

.honMembers {
    width: 100%;
    height: auto;
}

.honMembers tr:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #ced8dd;
}

.honMembers tr:nth-child(odd) {
    background: #f8f8f9;
    border-bottom: 1px solid #ced8dd;
}

.programmeSegments {
    width: 100%;
    height: auto;
    background-image: url("../images/programmeSegmentsBG_V02.jpg");
    background-repeat: no-repeat;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
    color: white;
}

.sponsorsBox2 {
    width: 85%;
    height: auto;
    border: 1px solid #878787;
    margin: 0 !important;
}

.silverBar2 {
    background-color: lightgrey;
    background-image: url("../images/sponsors_silverBar.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-align: center !important;
    color: white;
    text-transform: uppercase !important;
}

@media (min-width: 320px) {

    #firstDiv {
        display: none !important;
        height: 100vh;
    }

    #secondDiv h3 {
        font-size: 22px;
    }

    #thirdDiv {
        display: inline !important;
        height: auto;
        margin-bottom: 30px;
    }

    #fourthDiv {
        margin: 20px 0 0 0;
        height: auto;
        padding: 0 0 0 0;
    }

    .mattamyLogo {
        margin: 0 20px 10px 0;
        width: 85px;
        height: auto;
    }

    .commMembers {
        margin: 10px 0 30px 0;
    }

    .commMembers tr td {
        padding: 3px 10px 1px 10px;
        font-size: 0.8em;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 10px 15px 10px;
        background-size: auto 100%;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .programmeSegments p {
        font-size: 1.5em;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .programmeSegments ul li {
        font-size: 1em;
    }

    .galaTicket {
        width: 100%;
        margin-top: 10px;
    }

    .silverBar2 {
        padding: 5px 20px 3px 20px;
        font-size: 1em;
        letter-spacing: 2px;
    }

    .sponsorsBox2 {
        width: 100%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .CHMtitle {
        margin: 30px 0 15px 0;
    }

    .confirmedColumn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .honMembers {
        margin: 0px 0 0px 0;
    }

    .honMembers tr td {
        padding: 3px 10px 1px 10px;
        font-size: 0.8em;
    }

    .updatedNote {
        text-align: center;
        font-size: 0.75em;
        margin: 20px 0 20px 0;
    }

    .imageContainer {
        padding: 0 0px 0 0px;
    }

    .galaSection {
        padding: 10px 0 10px 0;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 200px;
        float: left;
        background-color: lightgreen;
        margin-bottom: 10px;
    }

    .imageCaption {
        height: auto;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.8em;
    }

}

@media (min-width: 375px) {

    #firstDiv {
        display: none !important;
    }

    #thirdDiv {
        display: inline !important;
        margin-bottom: 30px;
    }

    #secondDiv h3 {
        font-size: 22px;
    }

    .mattamyLogo {
        margin: 0 20px 10px 0;
        width: 110px;
        height: auto;
    }

    .commMembers {
        margin: 15px 0 35px 0;
    }

    .commMembers tr td {
        padding: 10px 12px 3px 12px;
        font-size: 0.95em;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 10px 15px 10px;
        background-size: auto 100%;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 25px;
    }

    .programmeSegments p {
        font-size: 1.5em;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .programmeSegments ul li {
        font-size: 1em;
    }

    .galaTicket {
        width: 100%;
        margin-top: 10px;
    }

    .sponsorsBox2 {
        width: 100%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 40px 3px 40px;
        font-size: 1em;
        letter-spacing: 2px;
    }

    .seatingPlan {
        width: 100%;
        height: 80px;
        padding: 10px 50px 10px 50px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .seatingPlan a {
        font-size: 1em;
        padding: 0px 0 0 0 !important;
        width: 50px;
        position: relative;
        top: 15px;
        left: 0;
    }

    .seatingIcon {
        width: 30%;
        height: auto;
        float: left;
        margin: 0 10px 0 0;
    }

    #fourthDiv {
        margin: 20px 0 0 0;
    }

    .CHMtitle {
        margin: 30px 0 15px 0;
    }

    .confirmedColumn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .honMembers {
        margin: 0px 0 0px 0;
    }

    .honMembers tr td {
        padding: 3px 10px 1px 10px;
        font-size: 0.8em;
    }

    .imageContainer {
        padding: 0 0px 0 0px;
    }

    .galaSection {
        padding: 10px 0 10px 0;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 250px;
        float: left;
        background-color: lightgreen;
        margin-bottom: 10px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.8em;
    }
    
}

@media (min-width: 414px) {

    #firstDiv {
        display: none !important;
        height: auto;
    }

    #thirdDiv {
        display: inline !important;
        margin-bottom: 30px;
    }

    #secondDiv h3 {
        font-size: 22px;
        height: auto;
    }

    .mattamyLogo {
        margin: 0 20px 10px 0;
        width: 130px;
        height: auto;
    }

    .commMembers {
        margin: 15px 0 35px 0;
    }

    .commMembers tr td {
        padding: 10px 10px 3px 10px;
        font-size: 0.95em;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: auto 100%;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .programmeSegments p {
        font-size: 1.75em;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .programmeSegments ul li {
        font-size: 1em;
    }

    .galaTicket {
        width: 100%;
        margin-top: 10px;
    }

    .sponsorsBox2 {
        width: 100%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 40px 3px 40px;
        font-size: 1.2em;
        letter-spacing: 2px;
    }

    .seatingPlan {
        width: 100%;
        height: 80px;
        padding: 10px 50px 10px 50px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .seatingPlan a {
        font-size: 1em;
        padding: 0px 0 0 0 !important;
        width: 50px;
        position: relative;
        top: 15px;
        left: 0;
    }

    .seatingIcon {
        width: 25%;
        height: auto;
        float: left;
        margin: 0 10px 0 0;
    }

    #fourthDiv {
        margin: 20px 0 0 0;
    }

    .CHMtitle {
        margin: 30px 0 15px 0;
    }

    .confirmedColumn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .honMembers {
        margin: 0px 0 0px 0;
    }

    .honMembers tr td {
        padding: 3px 10px 1px 10px;
        font-size: 0.8em;
    }

    .imageContainer {
        padding: 0 0px 0 0px;
    }

    .galaSection {
        padding: 10px 0 10px 0;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 250px;
        float: left;
        margin-bottom: 10px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.8em;
    }
    
}

@media (min-width: 568px) {

    .seatingPlan {
        width: 100%;
        height: 80px;
        padding: 10px 50px 10px 50px;
        margin-top: 5px;
        margin-bottom: 50px;
    }

    .seatingPlan a {
        font-size: 1.5em;
        padding: 0px 0 0 0 !important;
        width: 50px;
        position: relative;
        top: 15px;
        left: 0;
    }

    .seatingIcon {
        width: 15%;
        height: auto;
        float: left;
        margin: 0 10px 0 0;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: 100% auto;
    }

    #thirdDiv {
        height: 75vh;
        margin-bottom: 30px;
    }

    .sponsorsBox2 {
        float: left;
        width: 47%;
        height: 100%;
        border: 1px solid #878787;
        margin: 0 15px 0 0!important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 20px 3px 20px;
        font-size: 0.9em;
        letter-spacing: 2px;
    }

    .imageContainer {
        padding: 0 0px 0 0px;
    }

    .galaSection {
        padding: 10px 0 10px 0;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 275px;
        float: left;
        margin-bottom: 10px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.8em;
    }

}

@media (min-width: 667px) {

    .seatingPlan {
        width: 100%;
        height: 80px;
        padding: 10px 50px 10px 80px;
        margin-top: 10px;
        margin-bottom: 70px;
    }

    .seatingPlan a {
        font-size: 1.6em;
        padding: 0px 0 0 0 !important;
        width: 50px;
        position: relative;
        top: 18px;
        left: 0;
    }

    .seatingIcon {
        width: 15%;
        height: auto;
        float: left;
        margin: 0 10px 0 0;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: 100% auto;
    }

    #thirdDiv {
        height: 75vh;
        margin-bottom: 30px;
    }

    .sponsorsBox2 {
        float: left;
        width: 47%;
        height: 100%;
        border: 1px solid #878787;
        margin: 0 15px 0 0!important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 20px 3px 20px;
        font-size: 1em;
        letter-spacing: 2px;
    }

}

/***********************************************/

@media (min-width: 736px) {

    .seatingPlan {
        width: 100%;
        height: 80px;
        padding: 10px 50px 10px 80px;
        margin-top: 10px;
        margin-bottom: 70px;
    }

    .seatingPlan a {
        font-size: 1.6em;
        padding: 0px 0 0 0 !important;
        width: 50px;
        position: relative;
        top: 18px;
        left: 0;
    }

    .seatingIcon {
        width: 15%;
        height: auto;
        float: left;
        margin: 0 10px 0 0;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: 100% auto;
    }

    #thirdDiv {
        height: 75vh;
        margin-bottom: 30px;
    }

    .sponsorsBox2 {
        float: left;
        width: 47%;
        height: 100%;
        border: 1px solid #878787;
        margin: 0 15px 0 0!important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 20px 3px 20px;
        font-size: 1.25em;
        letter-spacing: 2px;
    }

}

/***********************************************/

@media (min-width: 768px) {
    
    #firstDiv {
        display: inline !important;
        /*padding: 0 20px 0 0;*/
        padding-right: 25px;
    }

    #thirdDiv {
        display: none !important;
    }

    #secondDiv h3 {
        font-size: 20px;
    }

    .mattamyLogo {
        margin: 0 20px 10px 0;
        width: 120px;
        height: auto;
    }

    .commMembers {
        margin: 5px 0 35px 0;
    }

    .commMembers tr td {
        padding: 10px 10px 3px 10px;
        font-size: 1em;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: auto 100%;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .programmeSegments p {
        font-size: 1.25em;
        margin-bottom: 0px;
    }

    .programmeSegments ul li {
        font-size: 1em;
    }

    .galaTicket {
        width: 100%;
        margin-top: 20px;
    }

    .sponsorsBox2 {
        width: 100%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 10px 3px 10px;
        font-size: 0.8em;
        letter-spacing: 2px;
    }

    #fourthDiv {
        padding: 15px;
    }

    .imageContainer {
        padding: 0 10px 0 10px;
    }

    .galaSection {
        padding: 10px;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 150px;
        float: left;
        margin-bottom: 10px;
    }

    .imageCaption {
        height: 40px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.6em;
    }  

}

@media (min-width: 1024px) {

    #firstDiv {
        display: inline !important;
    }

    #thirdDiv {
        display: none !important;
    }

    #secondDiv h3 {
        font-size: 24px;
    }

    .mattamyLogo {
        margin: 0 20px 10px 0;
        width: 140px;
        height: auto;
    }

    .commMembers {
        margin: 0px 0 35px 0;
    }

    .commMembers tr td {
        padding: 10px 10px 3px 10px;
        font-size: 1em;
    }

    .programmeSegments {
        margin: 20px auto 20px auto;
        padding: 20px 25px 15px 25px;
        background-size: 100% auto;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .programmeSegments p {
        font-size: 1.5em;
        margin-bottom: 0px;
    }

    .programmeSegments ul li {
        font-size: 1em;
    }

    .galaTicket {
        width: 95%;
        margin-top: 20px;
    }

    .sponsorsBox2 {
        width: 95%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .silverBar2 {
        padding: 5px 30px 3px 30px;
        font-size: 0.8em;
        letter-spacing: 2px;
    }

    .imageContainer {
        padding: 0 10px 0 10px;
    }

    .galaSection {
        padding: 10px;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 200px;
        float: left;
        margin-bottom: 10px;
    }

    .imageCaption {
        height: 30px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.6em;
    }
    
}

@media (min-width: 1280px) {

    #firstDiv {
        display: inline !important;
        height: 640px;
    }

    #thirdDiv {
        display: none !important;
    }

    #secondDiv {
        height: 640px;
    }

    #secondDiv h3 {
        font-size: 24px;
    }

    .mattamyLogo {
        margin: 0 43px 20px 0;
        width: 150px;
        height: auto;
    }

    .commMembers {
        margin: 5px 0 40px 0;
    }

    .commMembers tr td {
        padding: 5px 5px 3px 15px;
        font-size: 16px;
    }

    .programmeSegments {
        margin: 54px auto 30px auto;
        padding: 30px;
        background-size: 100% auto;
    }

    .programmeSegments ul {
        padding-left: 30px;
        margin-bottom: 30px;
    }

    .programmeSegments p {
        font-size: 1.75em;
    }

    .programmeSegments ul li {
        font-size: 1.25em;
    }

    .galaTicket {
        width: 85%;
        margin-top: 30px;
    }

    .sponsorsBox2 {
        width: 95%;
        height: auto;
        border: 1px solid #878787;
        margin: 0 !important;
    }

    .sponsorsBox2 img {
        width: 100%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .silverBar2 {
        padding: 10px 10px 7px 10px;
        font-size: 1.2em;
        letter-spacing: 2px;
    }

    .imageContainer {
        padding: 0 10px 0 10px;
    }

    .galaSection {
        padding: 10px;
        float: left;
        margin-bottom: 10px;
        height: auto;
    }

    .galaImage {
        height: 250px;
        float: left;
        margin-bottom: 10px;
    }

    .imageCaption {
        height: 40px;
    }

    .imageCaption p {
        text-align: center;
        font-size: 0.75em;
    }

    
    
}

/******************** NEWS PAGE ********************/


@media (min-width: 320px) {

    .newsContent {
        margin-top: 0% ;
    }

    .newsSec{
        padding: 0 0 20px 0;
        margin: 20px 0 0 0;
        border-bottom: 0px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 10px 0 10px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.5em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.85em;
    }

}

@media (min-width: 375px) {

    .newsContent {
        margin-top: 10% ;
    }

    .newsSec{
        padding: 0 0 20px 0;
        margin: 20px 0 0 0;
        border-bottom: 0px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 10px 0 10px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.5em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.85em;
    }

}

@media (min-width: 414px) {

    .newsContent {
        margin-top: 10% ;
    }

    .newsSec{
        padding: 0 0 20px 0;
        margin: 20px 0 0 0;
        border-bottom: 0px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 15px 0 15px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.5em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.85em;
    }

}

@media (min-width: 568px) {

    .newsContent {
        margin-top: 5% ;
    }

    .newsSec{
        padding: 0 0 20px 0;
        margin: 20px 0 0 0;
        border-bottom: 0px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 10px 0 10px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.5em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.85em;
    }

}

@media (min-width: 667px) {

    .newsContent {
        margin-top: 5% ;
    }

    .newsSec{
        padding: 0 0 20px 0;
        margin: 20px 0 0 0;
        border-bottom: 0px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 10px 0 10px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.5em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.85em;
    }

}

@media (min-width: 768px) {

    .newsContent {
        margin-top: 15% ;
    }

    .newsSec{
        padding: 0 100px 40px 100px;
        margin: 50px 0 0 0;
        border-bottom: 1px solid lightgrey;
    }

    .newsIMG {
        float: none;
        height: auto;
        padding: 0;
        /*width: 90%;
        margin: auto;*/
    }

    .newsInfo {
        float: none;
        height: auto;
        padding: 0 30px 0 30px;
    }

    .newsInfo h2 {
        margin: 5px 0 15px 0;
        font-size: 1.75em;
    }

    .smallNewsHeader {
        font-size: 1.75em !important;
    }

    .newsInfo p {
        font-size: 0.84em;
    }

}

@media (min-width: 1024px) {

    .newsContent {
        margin-top: 15% ;
    }

    .newsSec{
        padding: 0 0 40px 0;
        margin: 50px 0 0 0;
        border-bottom: 1px solid lightgrey;
    }

    .newsIMG {
        float: left;
        height: auto;
        padding: 0;
    }

    .newsInfo {
        float: left;
        height: auto;
        padding: 0 0 0 30px;
    }

    .newsInfo h2 {
        margin: 0px 0 15px 0;
        font-size: 1.75em;
    }

    .smallNewsHeader {
        font-size: 1.5em !important;
    }

    .newsInfo p {
        font-size: 0.84em;
    }

}

@media (min-width: 1280px) {

    .newsContent {
        margin-top: 10%;
    }

    .newsSec{
        padding: 0 0 40px 0;
        margin: 40px 0 0 0;
        border-bottom: 1px solid lightgrey;
    }

    .newsIMG {
        float: left;
        height: auto;
        padding: 0;
    }

    .newsInfo {
        float: left;
        height: auto;
        padding: 0 0 0 30px;
    }

    .newsInfo h2 {
        margin: 0px 0 15px 0;
        font-size: 2em;
    }

    .smallNewsHeader {
        font-size: 1.75em !important;
    }

    .newsInfo p {
        font-size: 0.91em;
    }

}