body {
background-color: whitesmoke;
width: 100%;}


.body {
background-color: whitesmoke;
}

.space {background-color: beige;}

#body1{background-color: white;
width: 100%;}

nav > .row:first-child {
    background-image: url(images/background-fadefrompurple.png);
background-size: contain;
}

a:hover {
    color:#a939d6 !important;
    text-decoration: none !important;
    transition: ease-in .7s;
}
a:link {color: #d2c090;}
a h1:hover {color: #d2c090;}
a:visited {color: #403b42;}

a .link-tertiary {
    color: dimgray;
    height:100px;
    z-index: 90;
    
}
.text {
    font-size: 150 px; 
    padding-top: 70px;
    padding-bottom: 70px;
   font-family: 'Marcellus', serif;}

.font-shadows {font-family: 'Shadows Into Light', cursive;}
.font-amatic {font-family: 'Amatic SC', cursive;}
.font-poiret {font-family: 'Poiret One', cursive;}
.font-playfair {font-family: 'Playfair Display SC', serif;}
.font-della {font-family: 'Della Respira', serif;}
.font-sacramento {font-family: 'Sacramento', cursive;}
.font-badscript {font-family: 'BenchNine', sans-serif;}
.font-specialelite {font-family: 'Special Elite', cursive;}
.font-pinyonscript {font-family: 'Pinyon Script', cursive;}
.font-reeniebeanie {
    font-family: 'Miniver', cursive;
    color: gray;
    margin-left: 20px;
    }
.font-marcellus {font-family: 'Marcellus', serif;}
.font-sueellen {font-family: 'BenchNine', sans-serif;}
.container-fluid {
   height: 10px;
}
.div-index-web-body {
    background-color: black;    
}
.div-copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background-color: beige;
    
}
.div-overflow-header {
    height: 250px;
    width: auto;
    background-size: 600px;
    background-image:url(images/background-geometric-purplehighlight_edited-1.jpg);

}
.div-overflow-home {
    height: 250px;
    width: auto;
    background-size: 600px;
    background-image:url(images/af-design-beigeflowerbox.png);
    opacity: 35%; 
    

}
.div-tjb-header {
    height: 150px;
    width: auto;
    background-size: 1500px;
    background-color: #5a836a;
    font-family: "Parisienne", cursive;
    font-size: 24px; 
    text-align: center;
    color: #d4dbad; 
    margin-top: auto; 
    

}
.parisienne-regular {
  font-family: "Parisienne", cursive;
  font-weight: 400;
  font-style: normal;
}

.div-pagebreak-geometric {
    height: 200px;
    width: 100%;
    background-image: url(images/background-geometric-purplehighlight_edited-1.jpg);
    background-size: contain;
    opacity: .9;
}


.div-overflow-footer {
    height: 200px;
    width: 100%;
    background-image: url(images/background-geometric-purplehighlight_edited-1.jpg);
    background-size: contain;
    opacity: .9;
}

.div-overflow-photo-footer {
    height: 200px;
    width: 100%;
    background-image: url(images/background-geometric-purplehighlight_edited-1.jpg);
    background-size: contain;
    opacity: .9;
}

.div-index-nav {background-color: black;}
.index-map {
    background-color: pink;
    height: 900px;
    width:90%;
    margin: auto;
}

.logo-index-web {
    height: 240px;
    width: 240px;
    margin: 100px;
    border-radius: 10px;
    background-color: #b19b62;
    padding: 20px;
    
}

.logo-killington {
    width: 30%;
    height: 30%;
    background-image: url(images/logo-killington.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 3%;
    z-index: 90;
}


.logo-index-web-title{
    visibility: hidden;
    opacity: 0; 
    transition: ease visibility 0s, opacity 0.9s linear;
    text-align: center;
}


.logo-index-web:hover {
    height: 290px;
   transition: ease 2s;
    
}

.logo-index-web:hover .logo-index-web-title{
 color: #1e0d4a;
  visibility: visible;
  opacity: 1;
    
}

.logo-website {
    border-radius: 10px;
}
#logo-website-fog {
    height: 200px;
    width: 200px;
    background-image: url(images/logo-fog-line-black.png);
    background-size: contain;
    background-repeat: no-repeat;
   
    
}

#logo-website-fog:hover {
    height: 200px;
    width: 200px;
    background-image: url(images/logo-fog-line-color.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .9;
    transition: ease 1.2s;
    
}


.logo-social {
    height:120px;
    width:120px;
    background-size: contain;
    margin: auto;
    padding: 10px;
    background-color: #d2c090;
    opacity: .4;
    border-radius: 15px;

    
}

.logo-social:hover {
    
    opacity: .9;
    
}

#logo-instagram {
    background-image: url(images/logo-png-instagram-black.png)
}
#logo-linkedin {
    background-image: url(images/logo-linkedin.png)
}
#logo-goodreads {
    background-image: url(images/logo-png-goodreads-black.png)
}


#logo-medium {
    background-image: url(images/logo-png-medium-black.png);
}

#logo-snapchat {
    background-image: url(images/logo-png-snapchat-black.png);
}
#logo-twitter {
    background-image: url(images/logo-png-twitter-black.png);
}


.pagebottom {
    background-color: white;
}

.page-bottom {
    padding-top: 20px;
    height: 400px;
    width: 100%;
    background-color: black;
    text-align: center;
}
.page-break{
    height: 200px;
    width: 100%;
    background-color: black;
}
.pagebreak{
    height: 200px;
    width: 100%;
}
.pagetop {
    background-color: black;
    height: 100px;
    width: 100%;
    padding-top: 200px;
}
.pagetitlediv {
    background-color: black;
    padding-top: 100px;
    top:100px;  
}

.page-title {
    padding-top: 200px;
    background-color: black;
    background-size: contain;
    color: #d2c090;
    text-align: center;
}

.page-text {
    padding-top: 200px;
    background-color: black;
    background-size: contain;
    color:#8ad4bd;
    text-align: center;
}

.page-text-new {
    padding-top: 200px;
    background-color: white;
    background-size: contain;
    color:#8ad4bd;
    text-align: center;
}


.body-details {
    height:100%;
}
.bodyhv {text-align: center;}

.div-body {
    display: inline-block;
    background-position: center;
    background-color: beige;
    height: 100%;
    width: 100%;
    padding-top: 180px;
}


.div-body-photo-browse {
    background-color: black;    
}
.bodymetal {
    background-color: black;
}

.body-shred {
    width:100%;
}
.bodyworkin {
    height: 900px;
    width: 100%;
    background-color: darkslategrey;
    padding-top: 300px;
}

.div-button-top {
    display: inline-block;
    margin-left: -15px;
    border-radius: 5px;
    
}

.div-index-link {
    height: 60px;
    width: 90%; 
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 5px;
    opacity: .8;
    margin: 5px;
    border-radius: 76px;
    color: #d2c090;
    text-align: center;
    border: none;
}
.div-index-link-new{
    text-align: center;
}

.div-index-link-suggest {
    height: 130px;
    width: 95%; 
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    background-image:url(images/background-water-horizon.jpg);
    background-size: 70%;
    background-position: top;
    background-repeat: no-repeat;
    opacity: .8;
    padding:10px;
    border-radius: 6px;
    color: black;
    text-align: center;
}
@media screen and (max-width:768px) {
    .div-index-link {
    height: 80px;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    background-color: #d2c090;
    opacity: .99;
    padding:10px;
    border-radius: 6px;
    text-align: center;
}
    .div-index-link>a { 
    color: black;
   
}
}

#div-index-link-active {
    height: 80px;
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom: 10px;
    background-color:#1E0D4A;
    opacity: .9;
    text-align: center;
}
#div-index-link-active>a {
    color: #d2c090;

}

.div-index-link:hover {
    background-color:#1E0D4A;
    opacity: .88; 
    transition: ease-in-out .3s;
    border: none;
}

#div-index-welcome {
    color: #d2c090;
    text-align: center;
    background-color: black;
}

.div-footer {
    background-color: black;
    height: 130px;
    width: 100%;
    margin-bottom: -80px;  
}

.div-footer-home {
    background-color: beige;
    height: 130px;
    width: 100%;
    margin-bottom: -80px;  
}
.div-header {
    height:250px;
    width:100%;
    background-color: black;
    margin-top: -80px;
}

.div-link-tertiary {
    height: 3px;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    opacity: .9;
    border-radius: 6px;
    text-align: center;
    background-color: transparent;
    background-image: url(images/af-pattern-marooncones-beigescrollreflection.png)
}

.div-link-tertiary .row {
    background: transparent;
}

.div-link-tertiary:hover {
    background-color: #d2c090;
    opacity: 1; 
}

#div-nav-tertiary {
    background-color: transparent;
}

.div-text-home {
    width:100%;
    margin: auto;
    padding: 20px;
    background-color: beige;
    text-align: center;
    color: #d2c090;

}

.div-text {
    width:100%;
    margin: auto;
    padding: 20px;
    background-color: black;
    text-align: center;
    color: #d2c090;

}

.div-space-carousel {
    height: 400px;
    width: 100%;
    
}


.button-top {
    border: 10px none;
    background-color: #d2c090;
    color: dimgray;
    height: 32px;
    opacity: .7;
    width: 45px;
    display: inline-block;
    margin-left: 10px;
    border-radius: 15px;
}


.glyphicon-triangle-top {
    background-color:#d2c090 !important;
    color: black;
    
}

.link-photo-browse {
    text-align: center;
    font-size: 2.3em;
    
}

.link-photo-all-events {
    text-align: center;
    font-size: 2.3em;
    
}

.link-sitemap {
    text-align: center;
}

a.link-photo-browse:visited {
    text-align: center;
}

/* TEXT */

/* FONTS */
#font-div-index-photo-suggest {
    color:white;
}

.text-footer-small {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    float: right;
    margin-left: 10%;
    font-size: 2.5em;
    color: #d2c090;
}
.header {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 3em;
    font-weight: 100;
    text-shadow: 4px;
    color: orangered;
    float:right;
    
}


/* PAGE FONTS */
.fontworkin {
    font-family: 'Sacramento', cursive;
    font-size: 120px;
    padding-top: 40px;
}

/* PAGE TITLE FONTS */
.pagetitletext {
    
    float: center;
    opacity: .7;
    color: #d2c090; 
}

.pagetitlesubtext {
    padding-right: 20px;
    padding-top: 5%;
    color: hotpink;
    font-family: 'Josefin Sans', sans-serif;
    float:right;
    opacity: .7;
    background-color: white;
    text-align: center
}


#pagetitlefontabout {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontap{
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontallplaces{
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}

#pagetitlefontallevents{
    font-family: 'Sue Ellen Francisco', cursive;
    color: #b19b62;
}
#pagetitlefontch {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
    }
#pagetitlefontclay {
    font-family: 'League Script', cursive;
    color: #d2c090;
    font-weight: 600;
}
#pagetitlefontcostarica {
    font-family: 'Reenie Beanie', cursive;
    color: white;
    font-weight: 300;
}
#pagetitlefontdetails {
    color: #d2c090;
    font-family: 'Special Elite', cursive;
    
}
#pagetitlefontgirls {
   font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefonthawaii {
    font-size:5em;
    font-family: 'Sacramento', cursive;
    color: white;
}
#{
    font-family: 'News Cycle', sans-serif;
    color: #b19b62;
}
#pagetitlefontindo {
    font-size:5em;
    font-family: 'Sacramento', cursive;
    color: white;
}

#pagetitlefontirene {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontjuly4th {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontli {
    font-family: 'Prociono', serif;
    color: #b19b62;
}
#pagetitlefontmetal {
   font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontmedium {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontmoments {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontmusic {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontnyc {
    font-family: 'Poppins', cursive;
    color: black;
}
#pagetitlefontouaf {
    font-family: 'Special Elite', cursive;
    color: black;
    font-weight: 600;
}
#pagetitlefontshred {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefonttexas {
  font-family: 'Special Elite', cursive;
    color: black;
    font-size:5em;
}

#pagetitlefontunleashed {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
#pagetitlefontworkin {
    font-family: 'Special Elite', cursive;
    color: #b19b62;
}
/*  END FONTS */

.imperial-script-regular {
  font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
}





.text {
    font-family: 'Slabo 27px', serif;
    color: #d2c090;
    text-align: center;
}

.text-copyright a:visited{
    color: #403b42;
}


#text-home-construction {
        font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: 28px;
    color: #bcc09e;
    text-align: center;  
}

#text-about {
        font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: 28px;
    color: #cec9d3;
    text-align: center;  
}
.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}




#text-details {
    font-family: "Imperial Script", cursive;
  font-weight: 400;
  font-style: normal;
    font-size: 18px;
    color: #cec9d3;
    text-align: center;  
}

#text-hello {
    padding-top: 95px;
    color:dimgray; 

}
.text-index-map {
   display: inline;
    color: black; 
}
.text-lyrics {
    font-family: 'Special Elite', cursive;
    color: #d2c090;
    text-align: left;
}
.text-league {
    color: #d2c090;
    font-family: 'League Script', cursive;
}

#text-quote-travel {
    color: #b19b62  ;
    align-content: center;
}
.text-soft {
    font-family: 'Vollkorn', serif;
    color: darkslategray;
    text-align: center;
}
#music-jrod1 .text-lyrics  {
    float: right;
}

.text-musicinfo-venue {
    font-family: 'Inconsolata', monospace;
}
.text-musicinfo-artist {
    font-family: 'Muli', sans-serif;
}
.text-musicinfo-date {
   font-family: 'Inconsolata', monospace;
}


.text-page-title {
    font-family: 'Special Elite', cursive;
    color: black;
    text-align: center;
    padding-top: 10%;
    
}

.text-page-subtitle {
    opacity: .6;
    padding-top: 350px;
    margin-bottom: 10px;
    height:auto;
    width:auto;
    background-color: black;
    text-align: center;
}

.text-photo-title {
    clear: both;
    height:100px;
    width:100%;
    opacity: .7;
    margin-top: 10px;
}

.text-photo-subtitle {
    font-family: 'Special Elite', cursive;
    color: #d2c090;
    text-align: center;
}




.watermark {
    width: 20%;
    height: 20%;
    background-image: url(images/logo-s-aflogobeigesquare.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    opacity: .5;
    bottom: 3%;
    margin-left: 3%;
    z-index: 90;
}
.watermark:hover {
    opacity: 1; 
    transition: ease-in .6s;
    
}
.watermark-index {
    width: 30%;
    height: 30%;
    background-image: url(images/logo-s-aflogobeigesquare.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    margin-left: 3%;
    z-index: 90;
    clear: both;
}




/* NAV BAR */
header {
    height:90px;
    position: fixed;
    top: 0;
    transition: top 0.4s ease-in-out;
    transition-delay: 1s ;
    width: 100%;
    z-index: 99;
    
}
.divider {
    width: 100%;
    border-top: 9px black #B19B62;
    opacity: .8;
    height: 20px;
}
.nav li a{
        color: #F8EBC8; 
        font-family: 'Sue Ellen Francisco', cursive;
        font-weight:900 !important;  
    } 
nav#navabout a {
    font-family: 'Special Elite', cursive;
    
}
.nav-up {
    top: -70px;
    opacity: .6;
    background-color: #B19B62;
    transition-duration: 2s;
}
.navbar-header {
    background-color: black;
    height:30px;
}

@media screen and (max-width:768px) {
    
    button {
        background-color: #d2c090 !important;
        border-color:#d2c090 !important;
    }
    
    button span{
        background-color: black !important;
    }
    
    .dropdown-menu li a{
        background-color: #d2c090;
        color:black;
        width:100%;
    }
    
    .dropdown-toggle {
        background-color: black;
    }
    
    li.dropdown a {
        color: #d2c090;
    }
    
    li.dropdown > a.active {
        background-color:#B19B62;
        color: #d2c090;
    }
    
    
    .nav li {
        background-color: black;
        text-align: center;
        width: 100%;
        height: 70px;
        
        
    }
    
    
    .nav li a {
        color:#d2c090;
        font-size: .7em;
        height: 45px;
    }
    
     .nav > li.active  {
        background-color: #d2c090;
        font-family: 'League Script', cursive;
        font-weight:900;
        font-size:1.8em;
        border: solid white 4px;
        height:70px;
        z-index: 90;
    } 
    
      .nav > li.active > a {
        background-color: transparent !important;
        color: black !important;
        font-weight:900 !important;
        font-size:1em;
        border: solid #d2c090 4px;
        z-index: 90;  
    } 
    
    .nav li.dropdown .active > a {
        color: black !important;
        background-color: #b19b62 !important;
        opacity: .9;
        font-size:1.9em;
        font-weight: bolder !important;
        border: solid white 3px; 
    } 
    

    
    .nav li.dropdown.active li.active {
       background-color: #B19B62 !important;
        color: black;
    }
    
    
     .nav > li.dropdown ul.dropdown-menu> li {
        height: 45px;
    }

     .nav > li.dropdown ul.dropdown-menu> li > a {
        height: 45px;
        font-weight: 900;
    }
    
     .nav > li.dropdown ul.dropdown-menu> a:hover {
        background-color: black;
        color:#B19B62;
    }
    
     .nav > li.dropdown > ul.dropdown-menu > li.divider {
        height:9px;
        background-color: black !important;
    }
     .nav > a.dropdown-toggle:hover {
        opacity: .9;
    }
    
    .nav ul.dropdown-menu {
        background-color: #B19B62;
        width:100%;
        opacity:.99;
        
       
    
    }
    
    .nav ul.dropdown-menu li{
        background-color: #d2c090;
        color:#d2c090;
        height: 40px;
        z-index: 100;
        text-align: center;
        
    }
    
      .nav ul.dropdown-menu li a:hover{
        background-color: black;
        color:#B19B62;
        height: 40px;
        z-index: 100;
        text-align: center;
        
    }
    

    
    .nav-down {
        background-color: #B19B62;
        width: 100%;
        height: 100px;
        
    }
    
    .nav-up .navbar {
        background-color: black;
        height:80px;
        width: 100%;
        border: none;
        
        
    }
     .nav-up .dropdown-menu {
        background-color: black;
        height:80px;
        border: none;
        display: none;
         width: 100%;
  
        
    }
    
     .nav-down .navbar {
        background-color: black;
        height:80px;
        border: none;
         width: 100%;
    }
}
@media screen and (min-width:769px) and (max-width:999px) {
    
    nav.navbar {
        background-color: black;
        height:60px;
         border: none;
    }
    .nav {
        align-content: flex-start;
        background-color: black;
        display: flex;
    }
    .nav > a.dropdown-toggle:hover {
        opacity: .9;
    }
    .navbar-header {display: none;}
    
   
    .nav > li {
        height: 40px;
        background-color: black;
        margin:auto;
        display: flex;
        margin-left: -20px;
     }
    
     .nav > li > a:hover {
        margin-top:7px;
        height: 35px;
        font-weight: bolder;
     }
    .nav li a{
        color: #b19b62; 
        font-size: 1.3em;
        
    } 
    .nav li a:hover {
        background-color: #b19b62 !important;
        color: black !important;
        font-size:1.4em;
        transition: ease-in .7s;
    }
    .nav .dropdown-toggle {
        background-color: black;
        height:250px;
    }
    .nav > li.active  {
        background-color: #d2c090;
        color: #F8EBC8; 
        font-family: 'League Script', cursive;
        border: solid white 4px;
        height:auto;
        z-index: 90;
    } 
    .nav > li.active > a {
        background-color: transparent !important;
        color: black !important;
        font-weight:900 !important;
        font-size:1.3em;
        border: solid #d2c090 4px;
        z-index: 90;  
    } 
    .nav li.dropdown .active > a {
        color: black !important;
        background-color: #b19b62 !important;
        opacity: 1;
        font-size:1.3em;
        font-weight: bolder !important;
        border: solid white 3px; 
    } 
    .nav .dropdown-menu {
        background-color: black;
        text-align: center;
        width: auto;
        height: auto;
        margin-top: 28px;
    }
    .nav .dropdown-menu li {
        height: 38px;
        background-color: #0F0F0F;
        text-align:center;
        width: auto;
    }
    .nav .dropdown-menu li.divider {
        height: 3px;
        width: auto;
        background-color: black;
    }
    .nav li.dropdown li a {
        font-size:1.5em;
        color: #d2c090;
        background-color: black;
        opacity: .6;
    }
    .nav li.dropdown li:hover {
        color: #d2c090;
        background-color: black;
        opacity: .79;
        font-weight: 900;
    }
    .navbar-collapse {
        background-color: dimgray;
        opacity: .5;
        
        
        
        
        
    }
    .nav-down {
        background-color: black;
        
        height:300px;
        width: 100%;
        
        
    }
    .nav-up .navbar {
        background-color: black;
        height:80px;
        border: none;
        display: none;
        
    }
    .nav-up .dropdown-menu {
        background-color: black;
        height: 80px;
        border: none;
        display: none;
        width: 100px;
    }

} 
@media screen and (min-width:1000px) {
    
    nav.navbar {
        background-color: black;
        height: 80px;
        border: none;
    }
    .nav {
        display: flex;
        margin-left: auto;
        margin-right: auto; 
        
    }
    .nav > a.dropdown-toggle:hover {
        opacity: .9;
    }
    .nav > li {
        height: 40px;
        background-color: black;
        margin:auto;
        display: flex;
        margin-left: -20px;
     }
    .nav li a{
        color: #b19b62; 
        font-size: 1.8em;
        font-weight: 900 !important;
    } 
    .nav li a:hover {
        background-color: #b19b62 !important;
        color: black !important;
        font-weight: bolder !important;
        font-size:1.8em;
    }
    .nav .dropdown-toggle {
        background-color: black;
        height:45px;
    }
    .nav > li.active  {
        background-color: #d2c090;
        font-family: 'League Script', cursive;
        font-weight:900;
        font-size:1.8em;
        border: solid white 4px;
        height:70px;
        z-index: 90;
    } 
    .nav > li.active > a {
        background-color: transparent !important;
        color: black !important;
        font-weight:900 !important;
        font-size:1em;
        border: solid #d2c090 4px;
        z-index: 90;  
    } 
    .nav li.dropdown .active > a {
        color: black !important;
        background-color: #b19b62 !important;
        opacity: .9;
        font-size:1.3em;
        font-weight: bolder !important;
        border: solid white 3px; 
    } 
    .nav .dropdown-menu {
        background-color: black;
        text-align: center;
        width: auto;
        height: auto;
        margin-top: 28px;
        opacity: .88;
    }
    .nav .dropdown-menu li {
        height: 38px;
        background-color: black;
        text-align:center;
        width: auto;
    }
    .nav .dropdown-menu li.divider {
        height: 3px;
        width: auto;
        background-color: black;
    }
    .nav li.dropdown li a {
        font-size:1.5em;
        color: #d2c090;
        background-color: black;
        opacity: .6;
    }
    .nav li.dropdown li:hover {
        color: #d2c090;
        background-color: black;
        opacity: .99;
        font-weight: 900;
    }
    
    .nav-up .navbar {
        background-color: black;
        height:80px;
        border: none;
        display: none;  
    }
    .nav-up .dropdown-menu {
        background-color: black;
        height:80px;
        border: none;
        display: none;
    }

} 
 /* CLOSE NAV BAR */



/*  SPLASH DIV */
#splash {
    background-image: url(images/stock-x-cautiontape.jpg);
    height: contain;
    opacity: .95;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 80px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 30;
}
#splashtext {
    background-color: black;
    color: #d2c090;
    font-family: 'Josefin Sans', sans-serif;
    height: auto;
    opacity: .5;
    padding:1em;
    width: 100%;
    z-index: 30;
}
/* CLOSE SPLASH DIV */


/* Page style*/


/* PAGE TITLE JUMBO DIV*/
@media screen and (max-width:768px) {
    .pagetitlejumbodiv {
        width: 100%;
        min-height: 300px;
        max-height: 500px;
        background-color: black;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        text-align: center;
        z-index: 0;
        margin-top: 100px;
    }   
}
@media screen and (min-width:769px) {
    .pagetitlejumbodiv {
        width: auto;
        height: 500px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        z-index: 0;
        background-attachment:inherit;
        margin-top: 80px;
    }
}
@media only screen
    and (min-device-width:1024px)
    and (max-device-width:1366px) {
        .pagetitlejumbodiv {
            height:500px;
            background-attachment: inherit;
            background-size:1200px;
            background-position: center;
    
        }
}
@media screen and (min-width:1367px) {
    .pagetitlejumbodiv {
        max-width:1400px;
        height:600px;
        background-attachment: fixed;
        background-position: center center;
        margin: auto;
        background-size: 1400px;
        }
}



/*  INDEX -HOME LAND */
@media screen and (max-width:768px) {
    .homeland {
        background-image: url(images/517AFDesignWatercolorTrees.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: beige;
        height: 600px;
        width:100%;
        align-content: center;
        background-position: center;
        margin: auto;
    }
}
@media screen and (min-width:769px) {
    .homeland {
        background-image: url(images/517AFDesignWatercolorTrees.png);
        background-repeat: no-repeat;
        background-size: fill
            ;
        background-color: beige;
        height: 700px;
        width: 100%;
        align-content: center;
        background-position: top center;
        margin: auto;
    }
}


/*  INDEX -HOME LAND */
@media screen and (max-width:768px) {
    .hometjb {
        background-image: url(images/Tree.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #336a49;
        height: 600px;
        width:100%;
        align-content: center;
        background-position: center;
        margin: auto;
    }
}
@media screen and (max-width:768px) {
    .tjb629a {
        background-image: url(images/TJB629image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 600px;
        width:100%;
        align-content: center;
        background-position: center;
        margin: auto;
    }
}
@media screen and (min-width:769px) {
    .hometjb {
        background-image: url(images/Tree.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #336a49;
        height: 1400px;
        width: 100%;
        align-content: center;
        background-position: top center;
        margin: auto;
    }
    .tjb629a {
        background-image: url(images/TJB629image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #336a49;
        height: 1400px;
        width: 100%;
        align-content: center;
        background-position: top center;
        margin: auto;
    }
}

/*  INDEX -HOME LAND */
@media screen and (max-width:768px) {
    .home629 {
        background-image: url(images/TJB629image.jpg);
        background-size: contain;
        height: 800px;
        width:90%;
        align-content: center;
        background-position: center;
    }
}
@media screen and (min-width:769px) {
    .tjb629 {
        background-image: url(images/TJB629image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: whitesmoke;
        height: 1400px;
        width: 100%;
        align-content: center;
        background-position: top center;
        margin: auto;
    }
}

  .tjb629a {
        background-image: url(images/TJB629image.jpg);
        background-size: contain;
        height: 500 px; 
        width: 100%; 
        display: block;
        
    }

  .hometjb {
        background-image: url(images/Tree.png);
        background-size: contain;
        height: 500 px; 
        width: 100%; 
        display: block;
        
    }

/*  INDEX -HOME LINK */
@media screen and (max-width:768px) {
    .homelinkdiv {
        display: inline-block;
        margin-top: 20px;
        background-color: no-repeat;
        background-size: 600px;
        background-position: center;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        min-height: 280px;
        background-attachment: fixed;
        /*
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        */
    }

    .homelink {
        height: 200px;
        width: 200px;
        background-color: black;
        display: table;
        border-radius: 100px;
        position: relative;
        margin-top: 10%;
        margin-bottom: auto;
        margin-right: auto;
        margin-left: auto;
        padding-top: 50px;
        padding-bottom: auto;
        opacity: .3;  
        text-align: center;
    }
    .homelink:hover {
        opacity: .6;
        transition: ease-in 1.6s;
    }
    .homelink:focus {
        opacity: .6;
    }
    .homelink:active {
        opacity: .6;
    }
    .homelink>h1 {
        font-family: 'Poppins', sans-serif;
        font-size:100%;
        vertical-align: middle;
        display: inline;
        line-height: normal;
        color: #d2c090;
        width: 40px;
        height:30px;
        margin-left: -60px; 
    }
    
    .homelink>h3 {
        font-family: 'Miniver', cursive;
        width: 40px;
        height:30px;
        vertical-align: middle;
        display: inline;
        line-height: normal;
        color: #d2c090;
    }


}


@media screen and (min-width:769px) {
    .homelink {
    min-height: 40px;
    min-width: 40px;
    height: 300px;
    width: 300px;
    background-color: black;
    border-radius: 250px;
    text-align: center;
    margin-top: 10%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10%;
    opacity: .3;  
        
}
.homelink:hover {
    opacity: .6;
    transition: ease-in .4s;
    
}
.homelink>h1 {
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    margin-top: 35%;
    color: #d2c090;
    margin-left: -40px;
}
.homelink>h3 {
    font-family: 'Miniver', cursive;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    margin-top: 45%;
    color: #e3c165;
}
.homelinkdiv {
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 35%;
    margin-top: 35%;
    margin-right: auto;
    margin-left: auto;
    background-color: black;
    vertical-align: middle;
    text-align: center;
    padding-top: 150px;
    height: 800px;
    width: 95%;
    background-attachment: fixed;
    background-size: contain;
}

  
    
    
        

/*HOMELINKDIV*/
@media screen and (max-width:1024px) {
    .homelinkdiv {
        background-attachment: scroll;
    }
    .homelinkdiv:hover {
        transition: ease-in .7s; 
    }
@media screen and (min-width:1400px){
    .homelinkdiv {
        width:1100px;
        background-size: contain;
    }    
}




/* ALL EVENTS*/

.alleventslinkdiv {
    background-color:black;
    height:40px;
    width:100%;
    margin:10px;
    z-index: 10;
}
.alleventslinkdiv a h1 {
    font-family: 'Poppins', cursive;
    color: #d2c090;
    font-size: 30px;
    text-align: center;
}

/*
.alleventslinkdiv a h1:hover {
    color: purple;
    text-decoration: none;
}
.alleventslinkdiv a:hover {
    color: orange;
    text-decoration: none;
}

.alleventslinkdiv a:visited {
    color: saddlebrown;
    text-decoration: line-through;
}
/*

/* ALL PLACES*/
.allplaceslinkdiv {
    background-color:black;
    height:40px;
    width:100%;
    margin:10px;
    z-index: 10;
    opacity: .7;
    font-family: 'Sue Ellen Francisco', cursive;
    text-align: center;
    
}

.allplaceslinkdiv>a>h1 {
font-family: 'Della Respira', serif;
}

.allplaceslinkdiv:hover {
    background-color:black;
    height:40px;
    width:100%;
    margin:10px;
    z-index: 10;
   
}
.allplaceslinkdiv a h1{
    font-family: 'Reenie Beanie', cursive;
    color: #d2c090;
    font-size: 30px;
    text-decoration: none;
}




/* PHOTO STYLING*/


.photo {
    margin: auto;
    margin-bottom: 5%;
    background-position: center center;
    
}


.photolocation {
    font-family: 'BenchNine', sans-serif;
    font-size: 20px;
    text-align: right;
    margin-right: 10px;
    padding-bottom: 200px;
    display: none;
}


.photoxl {
    height:900px;
    width:100%;
    background-position: center;
    background-size: cover;

}

.photo-gd-background {
    background-repeat: repeat;
    height:500px;
    width: 90%;
    background-size: cover;
    background-color: black;
    margin-top: 40px;
    margin-bottom:40px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

/*
.photodiv#pdclayfruitbasket {
        background-color: white;
    }
.photodiv#pdcrsloths {
        background-color: black;
    }

*/

/*MAX WIDTH */
/* MAX WIDTH : 320 */
@media only screen and (max-width:320px) {

    .photo {
        height: 80px;
        width: 100%;
        margin:2px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 30;
        background-color: whitesmoke;
   
    }
     .photo-a {
        min-height: 100px;
        max-height: 300px;
        width:100%;
        background-size:300px 100%;
        background-image: contain;
        background-repeat: no-repeat;
        
}
    .photo-x {
        height:200px;
        width: 80%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .photo-xi {
        height:200px;
        width: 80%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x1 {
        height:100px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x2 {
        height:80px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
    }
    photo-y1 {
        height:100px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:40px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-50 {
        height:500px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        z-index: 30;
        background-color: whitesmoke;
    }
    
}

/* MAX WIDTH : 480 */
@media only screen and (max-width:480px) {
     .photo {
        height: 100px;
        width: 90%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        
    }
    .photo-a {
        min-height: 100px;
        max-height: 300px;
        width:100%;
        background-size:300px 100%;
        background-image: contain;
        background-repeat: no-repeat;
        
}
    .photo-x {
        height:200px;
        width: 80%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .photo-xi {
        height:200px;
        width: 80%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x1 {
        height:200px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x2 {
        height:60px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-p {
        height:150px;
        width: 95%;
        background-size:cover;
        background-repeat: no-repeat;
    }
     .photo-s {
        height:250px;
        width:100%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y1 {
        height:200px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y2 {
        height:100px;
        width: 90%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:60px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y50 {
        height:100px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
     .photo-y50i {
        height:100px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        background-size:contain;
        background-repeat: no-repeat;
    }
   
    
    .photodiv div [class*="col"] {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 1px;
        padding-right: 1px;
        margin:2px;
    }
    .photodiv {
        min-height: 100px;
        width:100%;
        margin: auto;
        margin-top: 5px;
        margin-bottom:5px;
        padding-bottom:5px;
        padding-top:5px;
        
        }
    .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 30;
        
    }
    .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
    }
}
/* MAX WIDTH : 600 */
@media screen and (max-width:600px) {
     .photo {
        height:200px;
        width: 90%;
        margin-top: 2px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
    }
    .photo-a {
        max-height:300px; 
        background-size: contain;
        background-repeat: no-repeat;
        
}
    .photo-x {
        height:300px;
        width: 80%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-xi {
        height:700px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x1 {
        height:300px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x2 {
        height:150px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-p {
        height:200px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
     .photo-s {
        height:300px;
        width: 300px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y1 {
        height:400px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y2 {
        height:200px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:80px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y50 {
        height:200px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-y50i {
        height:200px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }

   

  .photodiv {
        min-height: 300px;
        width:100%;
        margin: auto;
        margin-top: 2px;
        margin-bottom: 2px;
        padding-bottom: 2px;
        padding-top:2px;
        
        }
    
    .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 30;
        background-color: whitesmoke;
    }
    
    .photodiv-new .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 30;
        background-color: whitesmoke;
    }
    .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
     
    }
}

/* MAX WIDTH : 768 */
@media screen and (max-width:768px) {
    
    .photo {
        width: 90%;
        background-repeat: no-repeat;
    }
    .photo-a {
        height:500px;
        background-size:contain;
        background-repeat: no-repeat;
        
}
    .photo-x {
        height:450px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-xi {
        height:750px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x1 {
        height:450px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
     .photo-x2 {
        height:200px;
        width: 95%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-p {
        height: 150px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
     .photo-s {
        height:300px;
        width: 300px;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
         margin-bottom: 20px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y1 {
        height:500px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y2 {
        height:250px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:225px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-y50 {
        height:250px;
        background-size:cover;
        background-repeat: no-repeat;}
    
    .photo-y50i {
        height:250px;
        background-size:contain;
        background-repeat: no-repeat;}
   
   
    .photodiv div [class*="col"] {
        padding-top: 3px;
        padding-bottom: 2px;
        padding-left: 1.5px;
        padding-right: 1.5px;
        
    }
   
    .photodiv {
        width:95%;
        margin: auto;
        margin-top: 2px;
        margin-bottom:2px;
        padding-bottom:2px;
        padding-top:2px;
        
        }
    .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 30;
        background-color: whitesmoke;
    }
    .logo-square {
        height: 100px;
        width: 100px;;
        background-size: contain;
    }
        .tjbtree {
        background-image: url(images/Tree.png);
        background-size: cover;
        background-color: #5d9f77;
            height: 400px; 
            width:auto;
        

    }
    .tjb629 {
        background-image: url(images/TJB629image.jpg);
        background-size: cover;
        height: 600px; 
        width: 100%;
        display: block;
        background-position: center;
    }

}
    



/* MIN WIDTH*/

/* MIN WIDTH 769PX */
@media screen and (min-width:769px) {
     .photo {
        min-height:300px;
        max-height: 900px; 
        width: 90%;
        margin-top: 50px;
        margin-bottom:10px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
         clear: both;
    }
    .photo-a {
       height:600px;
        background-size:contain;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    .photo-x {
        height:500px;
        width: 100%;
        background-size:cover;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    
     .photo-xi {
        height:900px;
        width: 100%;
        background-size:contain;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    .photo-x1 {
        height:500px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x2 {
        height:300px;
        width: 100%;
        margin:auto;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .photo-p {
        height:250px;
        width: 90%;
        margin:auto;
        background-size:cover;
        background-repeat: no-repeat;
        margin-top:5px;
    }
     .photo-s {
        height:550px;
        width: 550px;
        margin:auto;
        background-size:cover;
        background-repeat: no-repeat;
         margin-top:5px;
    }
    .photo-y1 {
        height:600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y2 {
        height:300px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:250px;
        width: 90%;
        margin-top:5px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y50 {
        height:300px;}
    
    .photo-y50i {
        height:300px;
        background-size: contain;
        background-position: center;
    }
    
    
    .photodiv div [class*="col"] {
    
        padding-top: 5px;
        padding-bottom: 2px;
        padding-left: 2.5px;
        padding-right: 2.5px;
       
    }
    .photodiv {
        width:95%;
        margin: auto;
        margin-top: 50px;
        margin-bottom:10px;
        padding-bottom:20px;
        padding-top:20px;
        }
    
     .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: whitesmoke;
         margin-top: 10px;
         margin-bottom:2px;
        
    }
    

        .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
        
        }
}




/* MIN WIDTH 992PX */
@media screen and (min-width:992px) {
     .photo {
        min-height:300px;
        max-height: 900px; 
        width: 90%;
        margin-top: 3px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
         clear: both;
    }
    .photo-a {
        height:700px;
        width:80%;
        background-size:contain;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    .photo-x {
        height:500px;
        width: 80%;
        background-size: 1200px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .photo-x1 {
        height:500px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
     .photo-x2 {
        height:380px;
        width: 100%;
        margin:auto;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .photo-p {
        height:300px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
     .photo-s {
        height:550px;
        width: 550px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y1 {
        height:700px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-y2 {
        
        height:350px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:350px;
        width: 90%;
        margin-top:1px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    
    .photo-y50 {
        height:348px;
        margin: 1px;
    }
   
    
    .photodiv {
        width:95%;
        margin: auto;
        margin-bottom:30px;
        padding-bottom:40px;
        margin-left: auto;
        margin-right: auto;
        }
    
    .photodiv .photo {
        min-height: 300px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: whitesmoke;
        }
  
    
    .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
    }
    
    .row {
        margin:10px;
        padding: 10px;
        min-height: 75px;
        background-color: whitesmoke;
        
    }
}
    .tjbtree {
        background-image: url(images/Tree.png);
        background-size: cover;
        background-color: #5d9f77;
        

    }
     .tjb629 {
        background-image: url(images/TJB629image.jpg);
        background-size: cover;
        height: 600px; 
        width: 100%;
        display: block;
        background-position: center;
    }

/* MIN WIDTH 1200PX */
@media screen and (min-width:1200px) {
    .photo {
        min-height:300px;
        max-height: 900px; 
        width: 90%;
        margin-top: 50px;
        margin-bottom:10px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
         clear: both;
    }
    .photo-a {
       height:600px;
        background-size:contain;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    .photo-x {
        height:500px;
        width: 100%;
        background-size:cover;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    
     .photo-xi {
        height:900px;
        width: 90%;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top:5px;
    }
    .photo-x1 {
        height:500px;
        width: 90%;
        background-size:contain;
        background-repeat: no-repeat;
    }
    .photo-x2 {
        height:300px;
        width: 100%;
        margin:auto;
        background-size:contain;
        background-repeat: no-repeat;
    }
    
    .photo-p {
        height:250px;
        width: 90%;
        margin:auto;
        background-size:cover;
        background-repeat: no-repeat;
        margin-top:5px;
    }
     .photo-s {
        height:550px;
        width: 550px;
        margin:auto;
        background-size:cover;
        background-repeat: no-repeat;
         margin-top:5px;
    }
    .photo-y1 {
        height:600px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y2 {
        height:300px;
        width: 90%;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y3 {
        height:250px;
        width: 90%;
        margin-top:5px;
        background-size:cover;
        background-repeat: no-repeat;
    }
    .photo-y50 {
        height:300px;}
    
    
    .photodiv div [class*="col"] {
    
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 2.5px;
        padding-right: 2.5px;
       
    }
    .photodiv {
        max-width: 1000px;
        margin: auto;
        margin-top: 50px;
        margin-bottom:10px;
        padding-bottom:20px;
        padding-top:20px;
        }
    
     .photodiv .photo {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: whitesmoke;
         margin-top: 10px;
         margin-bottom:10px;
        
    }
    
    .photodiv .photo-gd-background {
        width: 100%;
        background-size: cover;
        background-color: whitesmoke;
         margin-top: 10px;
         margin-bottom:10px;
        
    }
    

        .logo-square {
        height: 200px;
        width: 200px;
        background-size: contain;
        
        }
}


/*  Photos */



/* PAGE TITLE PICTURES */

#pagetitleabout {
    background-image:url(images/SLC-sbox.jpg);
    background-position: top;
    height: 900px;
    
    
}
#pagetitleallevents {
    background-image:url(images/slowfood-x-happyhourtipyourbartenders.jpg);
    background-position: center;
}
#page-body-ap {
    background-image:url(images/watercolormap.jpg);
    background-position: top;
    height: 900px;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#pagetitlebar {
    background-image:url(images/bar-y-jamesongingergummybears.jpg);
    background-position: center;
    image-orientation: 90;
    background-size: contain;
}
#pagetitlech {
    background-image:url(images/ch-x-lucernegateview.jpg);
    background-position: center;
}
#pagetitlebkk {
    background-image:url(images/thai-Bangkok-GrandPalacePinkUmbrellaMan.jpg);
    width: 100%;
    background-position: top;
}
    
    #pagetitleclay {
    background-image:url(images/clay-y-fruitmold.jpg);
    background-position: top;
}
#pagetitlecostarica {
    background-image: url(images/cr-x-guanacastesunset.jpg);
    background-position: bottom;
}
#pagetitledetails {
    background-image:url(images/detail-x-yellowrose.jpg);
    background-position: center;
    background-size: cover;
}
#pagetitlegirls {
    background-image:url(images/girls-y-margaritas.jpg);
    background-position: center;
}
#pagetitlehawaii {
    background-image: url(images/hawaii-x-rainbowroad.jpg);
    background-position: bottom;
}
    
    #pagetitleindo
    {background-image: url(images/indo-bali-canggu-cocoCrane.jpg);
    background-position: center;
    }
#pagetitlehv {
    background-image:url(images/hv-x-porchsunset.jpg);
    background-position: center;
}
#pagetitleirene {
    background-image: url(images/irene-x-pumpkincornerfield.jpg) ;
    background-position: bottom;
}
#pagetitlejuly4th {
    background-image: url(images/july4-x-2011-mtk2.jpg);
    background-position: bottom;
}
#pagetitleli {
    background-image:url(images/map-longisland.png);
    background-position: top;
}
#pagetitlemetal {
    background-image:url(images/metal-x-locketbike.jpg);
    background-position: bottom;
}
#pagetitlemedium {
    background-image:url(images/medium-s-greenwatercolor.jpg);
    background-position: bottom;
}
#pagetitlemoments {
    background-image:url(images/moments-x-williamwall201407.jpg);
    background-position: top;
}
#pagetitlemusic {
    background-image:url(images/music-y-sylvanesso2.jpg);
}
    
    #pagetitlemya{
    background-image:url(images/mya-mdl-SunriseRedFlowersGoldTempleView.jpg);
}
#pagetitlenyc {
    background-image: url(images/nyc-x-rainbowskyline.jpg);
    background-position: bottom;
}
#pagetitleouaf {
    background-image: url(images/ouaf-x-pigscapee.jpg);
    background-position: bottom;
}
#pagetitleshred {
    background-image:url(images/shred-x-utah-backsideview.jpg);
    background-position: center;
}
  
#pagetitlesing {
    background-image:url(images/sin-cloudsPalm.jpg);
    background-position: center;
}
    
#pagetitleslowfood {
    background-image: url(images/logo-slowfood.jpg);
    background-size: contain;
    background-position: center;
    padding-top:30px; 
}
#pagetitletable {
    background-image:url(images/table-s-eatrealfood.jpg);
    background-position: center;
}
#pagetitletexas {
    background-image: url(images/texas-x-zoogoldenhourset.jpg);
    background-position: bottom;
}

#pagetitleunleashed {background-image: url(images/af_killington.jpg);
    background-position: bottom;
background-size: 50%}

#about-socialmedia {
   background-color: darkslategrey;
    height: auto;
    width: 100%;
    
}


/* BANGKOK */    
    
#bkk-1 {background-image: url(images/thai-Bangkok-GrandPalace-treeballs.jpg);}
#bkk-2 {background-image: url(images/thai-Bangkok-RonaldMcDonald.jpg);}
#bkk-3 {background-image: url(images/thai-BangkokMkt-kabobsSylvLucas.jpg);}
 
#bkk-4 {background-image: url(images/thai-BangkokMkt-painting.jpg);}
#bkk-5 {background-image: url(images/thai-Bangkok-PowerLines.jpg);}
#bkk-6 {background-image: url(images/thai-BangkokMkt-topview.jpg);}
#bkk-7 {background-image: url(images/thai-BangkokMktFruit.jpg);}
#bkk-8 {background-image: url(images/thai-BangkokMktLobster.jpg);}
#bkk-9 {background-image: url(images/thai-SushiCab.jpg);}
#bkk-10 {background-image: url(images/thai-BangkokMkt-ToiletSig%20s.jpg);}

#bkk-16 {background-image: url(images/thai-Bangkok-GrandPalacePinkUmbrellaMan.jpg);}
#bkk-17 {background-image: url(images/thai-GrandPalace-GoldTempleView.jpg);}
#bkk-18 {background-image: url(images/thai-GrandPalace-outsidegatesYellow.jpg);}
#bkk-19 {background-image: url(images/thai-grandPalace-Statue.jpg);}    
#bkk-20 {background-image: url(images/thai-GrandPalaceFlowerPink.jpg);}    
#bkk-20 {background-image: url(images/thai-Bangkok-GrandPalace-treeballs.jpg);}    
    
    
    
    
    
/* SWITZERLAND */ 
#ch1 {background-image: url(images/ch-x-chilloncastletopviewdown.jpg);}
#ch2 {background-image: url(images/ch-x-lucernegateview.jpg);}
#ch3 {background-image: url(images/ch-x-lucerneduck.jpg);}
#ch4 {background-image: url(images/ch-x-lucernewedding.jpg);}
#ch5 {background-image: url(images/ch-x-lucerneoverwater.jpg);}
#ch6 {background-image: url(images/ch-x-lucernewineprism.jpg);}
#ch7 {background-image: url(images/ch-x-lucernecoveredbridge.jpg);}
#ch8 {background-image: url(images/ch-x-capitalbuilding.jpg);}
#ch9 {background-image: url(images/ch-y-driveboulder.jpg);}
#ch10 {background-image: url(images/ch-x-bernlandscapebridge.jpg);}
#ch11 {background-image: url(images/ch-x-chilloncastle.jpg);}
#ch12 {background-image: url(images/ch-x-chilloncastleguards.jpg);}
#ch13 {background-image: url(images/ch-x-chilloncastletopviewdown.jpg);}
#ch14 {background-image: url(images/ch-y-chilloncastlesideview.jpg);}
#ch15 {background-image: url(images/ch-y-chilloncastlejailview.jpg);}
#ch16 {background-image: url(images/ch-y-chilloncastlegirlbalcony.jpg);}
#ch17 {background-image: url(images/ch-y-chilloncastleladyhug.jpg);}

#ch19 {background-image: url(images/ch-x-architecture.jpg);}
#ch20 {background-image: url(images/ch-x-lakeview.jpg);}
#ch21 {background-image: url(images/);}
#ch22 {background-image: url(images/);}
#ch23 {background-image: url(images/);}
#ch24 {background-image: url(images/);}
#ch25 {background-image: url(images/);}
#ch26 {background-image: url(images/ch-x-zermattview.jpg);}
#ch27 {background-image: url(images/ch-x-zermattchairlift.jpg);}
#ch28 {background-image: url(images/ch-x-zermattapres.jpg);}
#ch29 {background-image: url(images/ch-x-zermattvalley.jpg);}
#ch30 {background-image: url(images/ch-s-zermattsigntoitaly.jpg);}
#ch31 {background-image: url(images/ch-y-zermattmatterhorn.jpg);}
#ch32 {background-image: url(images/);}
#ch33 {background-image: url(images/);}
#ch34 {background-image: url(images/);}
#ch35 {background-image: url(images/);}
#ch36 {background-image: url(images/);}
#ch37 {background-image: url(images/);}
#ch38 {background-image: url(images/);}
#ch39 {background-image: url(images/);}
#ch40 {background-image: url(images/);}


/* CLAY */

#clay1 {background-image: url(images/clay-x-almondbowl.jpg);}
#clay2 {background-image: url(images/clay-y-flopplate.jpg);}

#pd-clay-fruitbasket {
    padding: 10px;
    width: 90%;
    margin: auto;
    background-color: white;
}
#pd-clay-fruitbasket .row {
    margin: 2px;
    background-color: white;
}
#clay-fruitbasket1 {background-image: url(images/clay-x-fruitbasket.jpg);}
#clay-fruitbasket2 {background-image: url(images/clay-y-fruitbasketbottom.jpg);}
#clay-fruitbasket3 {background-image: url(images/clay-y-fruitmold.jpg);}
#clay-fruitbasket4 {background-image: url(images/clay-y-fruittop.jpg);}


#clay7 {background-image: url(images/clay-x-highsaucer.jpg);}
#clay8 {background-image: url(images/clay-x-jar.jpg);}
#clay9 {background-image: url(images/clay-x-peacebowl.jpg);}
#clay10 {background-image: url(images/clay-x-piedish.jpg);}
#clay11 {background-image: url(images/clay-x-pitcher.jpg);}

    
    /* CAMBODIA */

#cam1 {background-image: url(images/cam-AngkorSunriseRainbow.jpg);
    background-position: center;}
#cam2 {background-image: url(images/cam-AngkorMonkeyCoconut.jpg);}
#cam3 {background-image: url(images/cam-AngkorMonkeysPlasticCoconut.jpg);
background-position: top;

background-size: auto;
background-color: white;}
#cam4 {background-image: url(images/cam-AngkorStoneLineup.jpg);}
#cam5 {background-image: url(images/cam-AngkorSunriseHorse.jpg);}
#cam6 {background-image: url(images/cam-AngkorUNESCOMeeting.jpg);}
#cam7 {background-image: url(images/cam-AngkorSunrise.jpg);background-position: center;}
#cam8 {background-image: url(images/cam-churchbackfog.jpg);}
#cam9 {background-image: url(images/cam-church-inside.jpg);}

#cam10 {background-image: url(images/cam-kep-statuteSitting.jpg);
background-position: top;}

#cam11 {background-image: url(images/cam-churchbackfog.jpg);}
#cam12 {background-image: url(images/cam-church-inside.jpg);}
#cam13 {background-image: url(images/cam-churchcrossfog.jpg);}

#cam15 {background-image: url(images/cam-monsoonMangrove%20.jpg);}
#cam16 {background-image: url(images/cam-guidesAtNoodles.jpg);}
#cam17 {background-image: url(images/cam-AngkorSunriseRainbow.jpg);}
#cam18 {background-image: url(images/cam-drinksocialClubPineapple.jpg);}
#cam19 {background-image: url(images/cam-foodAnts.jpg);}
#cam20 {background-image: url(images/cam-mangroveWallWords.jpg);}
#cam21 {background-image: url(images/cam-mya-casinohorses.jpg);}
#cam22 {background-image: url(images/cam-AngkorDriveView.jpg);}
#cam23 {background-image: url(images/cam-AngkorUNESCOMeeting.jpg);}
#cam24 {background-image: url(images/cam-electricHorseView.jpg);}
#cam25 {background-image: url(images/cam-foodHomestayChickenfoot.jpg);}
#cam26 {background-image: url(images/cam-AngkorArchitectureRepair.jpg);}
#cam27 {background-image: url(images/cam-AngkorWaterfallBoysVanity.jpg);}
#cam28 {background-image: url(images/cam-AngkorTreeRootBrace.jpg);}
#cam29 {background-image: url(images/cam-CoolingNoodlesPortrait.jpg);}
#cam30 {background-image: url(images/cam-basketweaving.jpg);}
#cam31 {background-image: url(images/cam-asianSwanKep.jpg);}
#cam32 {background-image: url(images/cam-homestayFacade.jpg);}
#cam33 {background-image: url(images/cam-foodAnts.jpg);}



#hv-overtaxed1 {background-image:url(images/hv-x-overtaxedacres.jpg);}

/* METAL */

#metal1 {background-image: url(images/metal-y-bird.jpg);}
#metal2 {background-image: url(images/metal-x-locketbike.jpg);}
#metal3 { background-image: url(images/metal-x-navybeach.jpg);}
#metal4 {background-image: url(images/metal-x-navybeachlat.jpg);
background-position:center}


/* MUSIC */

#music-jrod1 {background-image: url(images/music-y-jroddylight.jpg);}
#music-jrod2 {background-image: url(images/music-y-jroddy.jpg);}
#music-jrod3 {background-image: url(images/music-y-jroddy6.jpg);}
#music3 {background-image: url(images/music-y-gcjnyc2016.jpg);}
#music4 {background-image: url(images/music-y-fireflygreen.jpg);}
#music5 {background-image: url(images/music-y-fireflybiggiganticlights.jpg);}
#music6 {background-image: url(images/music-y-fireflyflag.jpg);}
#music7 {background-image: url(images/music-y-edwardsharpebroolyn.jpg);}
#music8 {background-image: url(images/music-y-houndmouthapril16.jpg);}
#music9 {background-image: url(images/music-s-milky1stUSAshow.jpg);}
#music10 {background-image: url(images/music-y-milkyred.jpg);}
#music11 {background-image: url(images/music-y-sylvanesso.jpg);}
#music-2016-10-20{background-image: url(images/music-ss-x-2016-10-20-headandtheheart.png);}
#music-2016-9-29{background-image: url(images/music-ss-x-2016-9-29-glassanimals-pink.jpg);}
#music-2016-9-29a{background-image: url(images/music-ss-x-2016-9-29-glassanimals-group.jpg);}
#music-2016-9-29b{background-image: url(images/music-ss-x-2016-9-29-glassanimalsfocus.jpg);}
#music-2016-9-14{background-image: url(images/music-ss-x-2016-9-15-luckychopslook.jpg);}
#music-2014-5-9 {background-image: url(images/music-ss-2014-5-9-MIA.jpg)}
#music-2014-3-27a {background-image: url(images/music-ss-2014-3-27-geazy2.jpg)}
#music-2014-3-27b {background-image: url(images/music-ss-2014-3-27-geazy.jpg)}
#music-2013-12-14a{background-image: url(images/music-ss-2013-12-13-tromboneshorty.jpg);}
#music-2013-12-14b{background-image: url(images/music-ss-2013-12-13-tromboneshorty2.jpg);}
#music-2013-2-6 {background-image: url(images/music-ss-x-2013-2-6-geazy.jpg);}

   /* MYANMAR */ 
#mya1 {background-image: url(images/mya-inlecrosswalk.jpg);}
#mya2 {background-image: url(images/mya-yan-friendsfusion.jpg);}
#mya3 {background-image: url(images/mya-inle-GlassLucky.jpg);}
#mya4 {background-image: url(images/mya-heho-ridetoschool.jpg);}
#mya5 {background-image: url(images/mya-heho-school-ladiesPhoto.jpg);}
#mya6 {background-image: url(images/mya-inleFishingMountains.jpg);}
#mya7 {background-image: url(images/mya-yan-airportVan.jpg);}
#mya8 {background-image: url(images/mya-heho-schoolWelcomes.jpg);}
#mya9 {background-image: url(images/mya-heho-school-ladiesPhoto.jpg);
    background-position: top;
    background-size: cover;}
#mya10 {background-image: url(images/mya-inleRoadPaving.jpg);}
#mya10a {background-image: url(images/mya-inleSign.jpg);}    
#mya10b {background-image: url(images/mya-heho-ridetoschool.jpg);}    
#mya10c {background-image: url(images/mya-inleMeetingMap.jpg);}
#mya11 {background-image: url(images/mya-InleFishing.jpg);}    
#mya12 {background-image: url(images/mya--mya-inleMeetingMap.jpg);}
#mya13 {background-image: url(images/mya-inleFlowerRose.jpg);}        
#mya14 {background-image: url(images/mya-inle-MeetingForestryLunch.jpg);}    
#mya15 {background-image: url(images/mya-FoodTomatoRose.jpg);}        

#mya16 {background-image: url(images/mya-resortOrchid.JPG);}        


#mya17 {background-image: url(images/mya-mdl-busMood.jpg);}        

/*  MANDALAY */    
    
#mya18 {background-image: url(images/mya-mdl-Sign-WelcomeToMandalay.jpg);}        
#mya19 {background-image: url(images/mya-mdl-SunriseView3.jpg);}        
#mya20 {background-image: url(images/mya-mdl-BiggestBookView1.jpg);}    
#mya21 {background-image: url(images/mya-mdl-SunriseMirrorView.jpg);}    
#mya22 {background-image: url(images/mya-mdl-monkWindowSunrise.jpg);}    
#mya23 {background-image: url(images/mya-mdl-SunriseFlowercloseGold.jpg);}    
#mya24 {background-image: url(images/mya-mdl-BiggestBook-DetailGoldMaroon.jpg);}    
#mya25 {background-image: url(images/mya-mdl-BiggestBookPageClose.jpg);}    
#mya26 {background-image: url(images/mya-mdl-BiggestBook-Gold1.jpg);}    
#mya26 {background-image: url(images/mya-mdl-BookDescription.jpg);}    

#mya27 {background-image: url(images/mya-mdl-BiggestBookView1.jpg);} 
#mya27a {background-image: url(images/mya-mdl-BiggestBookPageGate.jpg);}
#mya28 {background-image: url(images/mya-mdl-BiggestBookModel.jpg);}    
#mya29 {background-image: url(images/mya-mdl-BiggestBookKittenPortrait.jpg);}    
#mya30 {background-image: url(images/mya-mdl-WoodenBridgeCastle.jpg);}    
#mya31{background-image: url(images/mya-mdl-woodenbridgeGill.jpg);}   
#mya32 {background-image: url(images/mya-mdl-BiggestBook-MirrorReflection.jpg);}       
#mya33 {background-image: url(images/mya-mdl-WoodenBridgeCoconut.jpg);}