@media only screen and (max-width: 1224px) {
	
	.contentwidth {
		width: 90%;	
	}
}


@media only screen and (max-width: 886px) {
	.homewelcome {
		flex-wrap: wrap;	
	}
	
	.specialthanks {
		width: 95%;	
	}
	
	.animal, .animal2, .animal3 {
		width: 50%;	
		font-size: 4vw;
	}
	
	.animal strong, .animal2 strong, .animal3 strong {
		font-size: 5vw;
	}
	
	.imageandinfo2 , .imageandinfo {
		width: 90%;
		margin-top: 15px;
		font-size: 4vw;	
	}
	
	.footer {
		font-size: 2.5vw;
	}	
	
	h1#curve {
	font-size: 4vw;
	}
	
	h3.thankyou {
	font-size: 3vw;
}
	
	.femaleinfo .info {
		margin-right: 10vw;
		
	}
	
	.footnote {
		font-size: 4vw;	
		width: 90%;
		margin: auto;
	}
	
	.
	
	.imageandinfo2 img {
		width: 75%;	
	}
	
	.sires {
		flex-direction: column-reverse;	
	}
	
	.icon {
		width: 50%;
		border: none;
		outline: 3px solid white;
		font-size: 3.5vw;\
	}
	
	.icon .first {
		border: none;	
	}
	
	.bounceInDown {
		animation: none;	
	}
	
	.familypicture {
		width: 100%;
		max-height: 40vw;
		overflow: hidden;
		border: none;
		border-bottom: 5px solid white;	
	}
	
	.welcome {
		width: 100%;	
		font-size: 4vw;
		margin-top: -8vw;
	}
	
	.welcome h3 {
		font-size: 6vw;	
	}
	
	.welcome h5, .welcome h6 {
		font-size: 3vw;	
	}
	
	.button {
		font-size: 4vw;	
		width: 80%;
	}
	.cover {
		width: 30vw;
		margin: auto;
		margin-top: 6vw;	
		margin-bottom: 6vw;
	}
	
	.results {
		margin: auto;
		padding: 0;	
	}
	
	.highsellingbulls {
		width: 100%;	
	}
	
	.bull {
		font-size: 2vw;	
	}

	.button2 {
		font-size: 3vw;	
		width: 28%;
	}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  .homewelcome {
		flex-wrap: wrap;	
	}
	
	.specialthanks {
		width: 95%;	
	}
	.animal, .animal2, .animal3 {
		width: 50%;	
		font-size: 4vw;
	}
	
	.animal strong, .animal2 strong, .animal3 strong {
		font-size: 5vw;
	}
	
	.imageandinfo2 , .imageandinfo {
		width: 90%;
		margin-top: 15px;
		font-size: 4vw;	
	}
	
	h1#curve {
	font-size: 4vw;
	}
	
	h3.thankyou {
	font-size: 3vw;
}
	
	.femaleinfo .info {
		margin-right: 10vw;
		
	}
	
	.footnote {
		font-size: 4vw;	
		width: 90%;
		margin: auto;
	}
	
	.
	
	.imageandinfo2 img {
		width: 75%;	
	}
	
	.sires {
		flex-direction: column-reverse;	
	}
	
	.icon {
		width: 50%;
		border: none;
		outline: 3px solid white;
		font-size: 3.5vw;\
	}
	
	.icon .first {
		border: none;	
	}
	
	.bounceInDown {
		animation: none;	
	}
	
	.familypicture {
		width: 100%;
		max-height: 40vw;
		overflow: hidden;
		border: none;
		border-bottom: 5px solid white;	
	}
	
	.welcome {
		width: 100%;	
		font-size: 4vw;
		margin-top: -8vw;
	}
	
	.welcome h3 {
		font-size: 6vw;	
	}
	
	.welcome h5, .welcome h6 {
		font-size: 3vw;	
	}
	
	.button {
		font-size: 4vw;	
		width: 80%;
	}
	.cover {
		width: 30vw;
		margin: auto;
		margin-top: 6vw;	
		margin-bottom: 6vw;
	}
	
	.results {
		margin: auto;
		padding: 0;	
	}
	
	.highsellingbulls {
		width: 100%;	
	}
	
	.bull {
		font-size: 2vw;	
	}

	.button2 {
		font-size: 3vw;	
		width: 28%;
	}

.footer {
		font-size: 2.5vw;
	}	
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .homewelcome {
		flex-wrap: wrap;	
	}
	
	.animal, .animal2, .animal3 {
		width: 50%;	
		font-size: 4vw;
	}
	
	.animal strong, .animal2 strong, .animal3 strong {
		font-size: 5vw;
	}
	
	.specialthanks {
		width: 95%;	
	}
	
	.imageandinfo2 , .imageandinfo {
		width: 90%;
		margin-top: 15px;
		font-size: 4vw;	
	}
	
	h1#curve {
	font-size: 4vw;
	}
	
	h3.thankyou {
	font-size: 3vw;
}
	
	.femaleinfo .info {
		margin-right: 10vw;
		
	}
	
	.footnote {
		font-size: 4vw;	
		width: 90%;
		margin: auto;
	}
	
	.
	
	.imageandinfo2 img {
		width: 75%;	
	}
	
	.sires {
		flex-direction: column-reverse;	
	}
	
	.icon {
		width: 50%;
		border: none;
		outline: 3px solid white;
		font-size: 3.5vw;\
	}
	
	.icon .first {
		border: none;	
	}
	
	.bounceInDown {
		animation: none;	
	}
	
	.familypicture {
		width: 100%;
		max-height: 40vw;
		overflow: hidden;
		border: none;
		border-bottom: 5px solid white;	
	}
	
	.welcome {
		width: 100%;	
		font-size: 4vw;
		margin-top: -8vw;
	}
	
	.welcome h3 {
		font-size: 6vw;	
	}
	
	.welcome h5, .welcome h6 {
		font-size: 3vw;	
	}
	
	.button {
		font-size: 4vw;	
		width: 80%;
	}
	.cover {
		width: 30vw;
		margin: auto;
		margin-top: 6vw;	
		margin-bottom: 6vw;
	}
	
	.results {
		margin: auto;
		padding: 0;	
	}
	
	.highsellingbulls {
		width: 100%;	
	}
	
	.bull {
		font-size: 2vw;	
	}

	.button2 {
		font-size: 3vw;	
		width: 28%;
	}
	.footer {
		font-size: 2.5vw;
	}	
}