@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

img {
    max-width: 100%;
}

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
    background-color: white;
font-family: 'Lato', sans-serif;
}

.row-fix {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

/*Header Box*/
#hero-plus-header {
    display: block;
font-family: 'Lato', sans-serif;
}

/*Hero Box*/
#hero-plus-hero {
    align-items: start;
font-family: 'Lato', sans-serif;
}

/*Body Box*/
#hero-plus-body {
    font-size: 18px;
font-weight:300;
background:#efdcca;
}

/*Footer Box*/
#hero-plus-footer {
    display: block;
    padding: 30px;
    text-align: center;
font-family: 'Lato', sans-serif;
background:#fff;
padding-bottom:60px;
}

.gallery-inline h2{display;none;}

#gallery {background:#fff;
padding:3% 6% 4% 6%;
background-size:     cover;   
    background-repeat:   no-repeat;
    background-position: center center;  }

#gallery p {margin-left: 10%;}

#txt {
    padding: 2% 15%;
font-size:115%;
}

#gallery h2 {
    display: none;
}

.card-body {
    display: none;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #666;
    background-clip: border-box;
    border: 1px solidrgba(0,0,0,.5);
    border-radius: 0.25rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;
}


.card:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;}

.logo {
    margin: 8px 25px ;
    width: 300px;
    max-width: 100%;
}
.logo-footer {
    width: 300px;
}
   .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
.hero {
    max-width: 100%;
}

.center{width:100%;max-width:100%;text-align:center;}

.ctab, .ctab:visited {
    background: #ea6e05;
    text-align: center;
    margin: 25px auto;
    text-decoration: none!important;
    color: #fff;
    padding: 10px;
  font-size:20px;
font-style:italic;
border-radius:4px;
width:380px;
    max-width: 100%;
transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;
display:inline-block;
}

.ctab:hover{
background-color: #000;
color:#fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
transition: background-color 0.35s ease;
}

.link{font-size:300%; 
color:#fff; 
transition: color 0.35s ease; 
text-decoration:none; 
 display:block;

}
.link:hover{font-size:300%; color: rgb(0, 183, 194); text-transform:none; text-decoration:none; transition: color 0.35s ease; }



.soc, .soc:visited {
    color: #7e7e7e;
    padding: 5px;
    margin: 20px 8px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
transition: all 0.5s ease;
}

 .soc:hover {
    color: #000;
    padding: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.play-overlay {
    position: absolute;
    color: rgb(28, 162, 172);
    background-color: rgba(0,0,0,0.0);
    font-size: 5em;
    top: 50%;
    left: 50%;
    text-decoration: none !important;
    bottom: 0;
    height: 1em;
    transform: translate(-50%, -50%);
}
a {
    color: #ea6e05;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

h1 {
    text-align: center;
    font-size: 2.4rem;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
margin-top:30px;
margin-bottom:30px;

}

h2 {
font-weight:400;
    text-align: center;
    font-size: 1.6rem;
    margin: 0px 0px 40px;
}

h3{  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;}

#gallery-title-uuid{display:none;}

.ctab-mobile {
    display: none;
}

@media only screen and (max-width:1100px) {
    .ctab {display: none;}
    .ctab-mobile {display: block; width: 360px; max-width: 100%;}
    .div-left, .div-right {
        display: none;
    }
    .div-center {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
}



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


    .logo {
        margin: 0px auto;
        display: block;
        
    }

   #txt {
    padding: 2% 5%;
font-size:115%;
}

h1{font-size:1.7em;}

    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
}