@import url(https://fonts.googleapis.com/css?family=Bradley Hand ITC);
@import url(https://fonts.googleapis.com/css?family=Bodoni MT Black);

html, body
		{
			width:100%;
			height:100%;
			
}
img {
	
	margin-bottom: 10px;
}

.year {
	font-family: Bradley Hand ITC;
	
}
.title {
	font-family: Bodoni MT Black;
	color: #158208;
	text-align: left;
    text-shadow: 7px 7px 2px #bebebe;
	-webkit-text-fill-color: #158208;
    -webkit-text-stroke: 2px #8b7b43;
    -text-stroke: 2px #8b7b43;
}
.rainbow-bridge{
	background-color:#ffe3ff;
	width: 100%;
}
.whippet_shows {
	background-color: #e9ecef;
	width: 100%;
	
}
.whippet-home {
	background-color: #FFCC66;
	width: 100%;	
}
.whippet-puppies{
	background-color: #999966;
	width: 100%;
}
.whippet-studs{
	background-color: #CCCC66;
	width: 100%;	
}
.whippet-links{
	background-color: #CCFFCC;
	width: 100%
}
.prt-home {
	background-color: #999999;
	width: 100%;	
}
.prt-shows {
	background-color: #CCCCCC;
	width: 100%;
}
.prt-puppies{
	background-color: #999966;
	width: 100%;
}
.prt-links{
	background-color: #CC9933;
	width: 100%;
}
.dexters{
	background-color: #FFFFFF;
	width: 100%;
}
.greyhounds{
	background-color: #FFFFCC;
	width: 100%;
}
.gallery{
	background-color: #000000;
	width: 100%;
}
.overview{
	background-color: #CC9900;
	width: 100%;
}
.rainbow-img{
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.img-margin {
	margin: 20px;
}
.img-margin-r{
	margin-right: 3px;
}
.img-margin-l{
	margin-left: 3px;
}
.img-div{
	margin: auto;
	width: 50%;
}
.i-m-t{
	margin-top: 135px;
}


/* .back-to-top, .back-to-top:hover {
    cursor: pointer;
	text-decoration: none;
	background: transparent;
	border: 0;
    position: fixed;
    bottom: 20px;
    right: 30px;
	color: #158208;
	display:none;
} */
.back-to-top {
  display: none;
  position: fixed;
  bottom: 2px;
  right: 32px;
  z-index: 99;
  font-size: 16px;
  border: none;
  outline: none;
/*   background-color: #158208;
  color: white; */
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

/* .back-to-top:hover {
  background-color: #555;
} */

#hpanel {
	max-width: 100%;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	min-width: auto;
	min-height: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	border-radius: 0px;
}
#ypanel {
	max-width: 100%;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	min-width: auto;
	min-height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	/* border-radius: 15px 15px 15px 15px; */
	
}
#mpanel {
	max-width: 100%;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	min-width: auto;
	min-height: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	border-radius: 0px;
}

.outer {
	top: 65px;
}

.head-image {
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	max-width: 100%;
	float: none;
	
}

background-color: transparent;
} */
#navbar {
  overflow: hidden; 
  background-color: #000;
  margin-left: auto;
  margin-right: auto; 
  /* margin-bottom: 100px; */
  top: 0px;
  width: 90%; 
}

#navbar a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #158208;
  color: white;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}


@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}