body {
    position: relative;
}

#attributionLink a:hover{color: white}

.box {
	position: fixed;
	right: -280px;
	top:60px;
  height: 50px;
  width: 400px;
	cursor: pointer;
	z-index: 9999;
}

.transform {
  -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
}

.transform-active {
 right:0px;
}

#bdMessage{background-color: #fff; padding: 20px; border: solid 1px #ccc;}

div.ftb_thin {
    height: auto;
    min-height: 50px;
}
						


#widget2 {
z-index: 1000;
position: absolute;
	width: 250px; top: 16px; right:50px;
}


#aFloat
{
z-index: 1000;
position: absolute;
width: 320px;
height: 130px;
	top: 250px; left:15%;
padding: 10px;
background: rgba(229,225,220,0.9);;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
}

#aFloat:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 0 25px 25px;
border-color: transparent rgba(229,225,220,0.9);
display: block;
width: 0;
z-index: 1;
right: 15px;
top: 130px;
}


#aFloat02
{
z-index: 1000;
position: absolute;
width: 320px;
height: 150px;
	top: 50px; right:5px;
padding: 10px;
background: rgba(229,225,220,0.9);;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
}

#aFloat02:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent rgba(229,225,220,0.9);
display: block;
width: 0;
z-index: 1;
left: -30px;
top: 26px;
}


#aFloat03
{
z-index: 1000;
position: absolute;
width: 320px;
height: 150px;
	top: 100px; left:450px;
padding: 10px;
background: rgba(229,225,220,0.9);;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
}

#aFloat03:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 31px;
border-color: transparent rgba(229,225,220,0.9);
display: block;
width: 0;
z-index: 1;
right: -31px;
top: 80px;
}

#aFloat04
{
z-index: 1000;
position: absolute;
width: 720px;
height: 100px;
	top: -40px; left:100px;
padding: 10px;
background: rgba(229,225,220,0.9);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.75);
}

#aFloat04:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 31px 15px 0;
border-color: rgba(229,225,220,0.9) transparent;
display: block;
width: 0;
z-index: 1;
bottom: -31px;
left: 115px;
}



@media (max-width: 1100px)
{
#aFloat, #aFloat02, #aFloat03, #aFloat04{ display:none;}	
}


@media (max-width: 500px)
{
.display-3{font-size:2.5rem}	
}




			
@media (min-width: 768px)
{
.navbar {
    border-radius: 0;
	}}

.bg-faded {
    background-color: #534741;
    border-color: #534741;
}

.navbar-light .navbar-nav .nav-link {
    color: #c7b299 ;
}
.navbar-light .navbar-nav .nav-link:hover {
     background-color: #736357;
	color: #c7b299 ;
	text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link.disabled:hover {
    color: rgba(0,0,0,.3);
	text-decoration: none;
	background-color: transparent;
}

.jumbotron{margin-bottom: 0}

.homeBGimage{background-image: url(../images/cityView.jpg); background-size: cover; background-repeat: no-repeat; background-position: center}

.lightBG{background-color: #e5e1dc}

a{color:#b08b13; text-decoration: underline}