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


@media only screen and (max-width: 1250px) {
		
nav .links a {
	display: none;	
}

nav .links a.logoimage {
	display: block;	
	width: 60%;
	margin-left: -250px;
}

.homeheadercut {
	margin-top: -70px;	
}
.homecontent, .herdsirescontent, .salecontent {
	margin-top: -70px;	
}
.homecontent .width, .herdsirescontent .width, .salecontent .width, .pastsales1 .width, .pastsales2 .width {
	width: 100%;	
	font-size: 30px;
}

.animalcolumns {
	flex-wrap: wrap;	
}

.opener {
	display: block;
	position: absolute;	
	padding: 50px;
	right: 0;
	z-index: 999;
}

 .hamburger .line{
  width: 50px;
  height: 5px;
  background-color: #C39D2D;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

.expand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 998;
	font-size: 50px;
 }
 
 .expand a {
		color: #C39D2D; 
		width: 100%;
		padding: 10px;
		text-align: center;
 }
 
 .expand a:hover {
	 text-decoration: none;
	 color: #014222;
	background-color: #C39D2D;
 }

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

	.innercolumns {
	flex-direction: column;	
	align-items: center;
}	

.innercolumns .image {
	width: 80%;	
}

.info {
	font-size: 20px;	
}

.innercolumns .image button {
	margin-bottom: 25px;	
}

}


@media only screen and (max-width: 1000px) {
	
	.currentsale {
		flex-direction: column;	
	}
	
	
	.standby {
		font-size: 50px;	
	}
	
	.standby h2 {
		font-size: 65px;	
	}
	
	
	.currentthankyou {
		margin: 0;
		margin-bottom: 20px;	
	}
	
	.currentsale .currentcatalogue {
		margin: 0;
		padding: 0;	
		margin-bottom: 20px;
	}
	
	nav {
		justify-content: center;	
	}
	
	nav .logo {
		display: none;
	}
	
	nav .links a.logoimage {
		margin: 0 auto;	
		padding: 25px;
		width: 80%;
	}
	
	.contact {
		flex-direction: column;	
	}
	
	.animalcolumns, .animalcolumns2 {
	flex-direction: column;	
}

.animalcolumns2 .sireimage, .sireimage, .sireimage2 {
	width: 600px;
	margin: auto;
	height: 387px;	
}

footer {
	flex-direction: column;	
}

footer .footlogo {
	width: 40%;	
}

footer .footcontact {
	width: 90%;	
}



}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	.currentsale h2, h3, h2 {
		font-size: 40px;	
	} 
	  
	  nav .links a {
	display: none;	
}

nav .links a.logoimage {
	display: block;	
	width: 60%;
	margin-left: -250px;
}

.homeheadercut {
	margin-top: -70px;	
}
.homecontent, .herdsirescontent, .salecontent {
	margin-top: -70px;	
}
.homecontent .width, .herdsirescontent .width, .salecontent .width, .pastsales1 .width, .pastsales2 .width {
	width: 100%;	
	font-size: 19px;
}

.animalcolumns {
	flex-wrap: wrap;	
}

.opener {
	display: block;
	position: absolute;	
	padding: 50px;
	right: 0;
	z-index: 999;
}

 .hamburger .line{
  width: 50px;
  height: 5px;
  background-color: #C39D2D;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

.expand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 998;
	font-size: 50px;
 }
 
 .expand a {
		color: #C39D2D; 
		width: 100%;
		padding: 10px;
		text-align: center;
 }
 
 .expand a:hover {
	 text-decoration: none;
	 color: #014222;
	background-color: #C39D2D;
 }

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.currentsale {
		flex-direction: column;	
	}
	
	.currentthankyou {
		margin: 0;
		margin-bottom: 20px;	
	}
	
	.currentsale .currentcatalogue {
		margin: 0;
		padding: 0;	
		margin-bottom: 20px;
	}
	
	nav {
		justify-content: center;	
	}
	
	nav .logo {
		display: none;
	}
	
	nav .links a.logoimage {
		margin: 0 auto;	
		padding: 25px;
		width: 80%;
	}
	
	.contact {
		flex-direction: column;	
	}
	
	.animalcolumns {
	flex-direction: column;	
}

.animalcolumns2 .sireimage, .sireimage, .sireimage2 {
	width: 600px;
	margin: auto;
	height: 387px;	
}
	.innercolumns {
	flex-direction: column;	
	align-items: center;
}	

.innercolumns .image {
	width: 80%;	
}

.info {
	font-size: 20px;	
}

.innercolumns .image button {
	margin-bottom: 25px;	
}

footer .footlogo {
	width: 40%;	
}

footer .footcontact {
	width: 90%;	
	font-size: 40px;
}

footer .footcontact h1 {	
	font-size: 70px;
}
  }