@charset "UTF-8";
/* CSS Document */

body {font-family:'ITC Avant Garde Gothic W01 Boo';}

h1, h2, h3 {
	font-family: 'ITC Avant Garde Gothic W01 Bol';
	font-weight: normal;
}

.whitetext {
	color: rgba(255,255,255,1.00);
}


.purpleback{
  /* Set the background image */
  background-image: url('https://d1rcl6ajm7zgbf.cloudfront.net/bobell/images/purpleback.jpg');
  background-attachment: fixed; /* This creates the parallax effect */
  background-size: cover; /* Ensure the image covers the div */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Prevent the image from repeating */

  /* Set the size of the div */

}


h1.header {font-family:'Frontage W05 Bold';
font-size: 300%;}

h3.year {font-family:'Frontage W05 Bold';
font-size: 300%;}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

.location {
	font-weight: normal;
}
.hmy-content.hmy-center h3 .location {
	font-weight: lighter;
	color: rgba(164,77,242,1.00);
}

.navigation {
	background-color: rgba(82,38,106,0.68);  
}

.mxm-root-li a {
	color: rgba(255,255,255,1.00);
	font-weight: bold;
	text-transform: uppercase;
	font-style: 150%;
}

.homelogo {margin-top: 25%;
  
}


.names {
	max-height: 250px;
    margin-bottom: 10%;
    margin-left: 65px;
}

.footerlogo {max-height: 125px;}
.hmy-content.hmy-center p a {
	color: rgba(255,255,255,1.00);
}

h3.salesheader {
	color: rgba(255,255,255,1.00);
	font-size: 300%;
    margin-top: 20%;
}

.secmargin {
	padding-top: 10%;
	padding-bottom: 10%;
	padding-right: 10%;
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: rgba(119,119,119,0.77); /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.champpic {
	margin-bottom: 5px;
	border: medium solid rgba(96,42,131,1.00);
    max-height: 300px;
}
.breedingpic {
	margin-bottom: 0px;
	border: medium solid rgba(96,42,131,1.00);
	max-height: 260px;
}

.sirepic {
	margin-bottom: 0px;
	border: medium solid rgba(96,42,131,1.00);
	
}

.semenprice {
	margin-bottom: 0px;
	border: medium solid rgba(96,42,131,1.00);
	color: rgba(255,255,255,1.00);
	background-color: rgba(53,0,99,1.00);
}

.win {
	font-size: 140%;
    text-transform: uppercase;	
    font-family:'ITC Avant Garde Gothic W01 Dem';
    line-height: normal;
}

.show {
	font-size: 120%;
    text-transform: uppercase;	
    font-family:'ITC Avant Garde Gothic W01 BkC';
    line-height: normal;
}
.reference {
	font-size: 75%;
}

/*
***********************************************
               Media Queries
***********************************************
*/
@media only screen and (min-width: 0px) and (max-width: 1025px) {

}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.names {
	visibility: hidden;	
}
    
    .homelogo {margin-top: 80%;
  
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
.names {
	visibility: hidden;	
}
    
     .homelogo {margin-top: 80%;
  
}
}