﻿body 
{
}

@media print {
	a[href]:after {
		content: none !important;
	}
}

.divMenu {
	width: 100%;
	height: auto;
	padding: 10px 0;
	text-align: center;
	background-color: #e7e5d7;
	overflow: hidden;
	max-width: fit-content;
	margin-left: auto;
	margin-right: auto;
}


div.changebackground:hover 
{
	background-color: lightgray;
}
.goat_notes{
	min-width:100%;
}
.sgrbutton {
	font-size: 18pt;
	height: 37px;
	background-color: lightblue;
	border-radius: 5px;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
}
.sgrbuttongreen {
	font-size: 18pt;
	height: 37px;
	background-color: #5d1719;
	/*background-color: #124a0e;*/
	border-radius: 5px;
	color: white;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
}
.sgrbuttonred {
	font-size: 18pt;
	height: 37px;
	background-color: #5d1719;
	border-radius: 5px;
	color: white;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
}
.sgrboxes {
	border: 1px solid maroon;
	padding: 5px;
	background-color: white;
	box-shadow: 10px 9px #124a0e;
}
.pedigree_dam {
	border: 1px solid black;
	background-color: #eb9bfe;
}

.pedigree_sire {
	border: 1px solid black;
	background-color: #9beefe;
}
.pedigree_goat {
	border: 1px solid black;
	background-color: #F8E57D;
}

.h2 
{
	font-size:  20pt;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
}

/*=======================================================*/
	@media (min-width: 50px) {
		.rpt_certificate_table {
			width: 100%;
			border: 0px solid black;
		}
		.rpt_certificate {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: top;
			gap: 4px;
			padding: 10px;
		}
		.mktvideo {
			width: 100%;
			height: auto;
		}
		.mktbox {
			border: 2px solid #124a0e;
			display: flex;
			flex-direction: column;
			align-items: top;
			width: 33%;
			min-height: 180px;
			max-height: 180px;
			align-items: flex-start;
		}
		.catalogbuttongreen {
			width: 130px;
			font-size: 14pt;
			height: 37px;
			background-color: #124a0e;
			border-radius: 5px;
			color: white;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
			font-size: 16px;
		}

		.gatherbuttongreen {
			width: 200px;
			font-size: 14pt;
			height: 37px;
			background-color: #124a0e;
			border-radius: 5px;
			color: white;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
			font-size: 16px;
		}

		.sgrnavbar {
			min-height: 88px;
		}

		.for_sale_outter_box {
			border: 1px solid #c3c3c3;
			display: flex;
			flex-Direction: column;
			margin-left: 10px;
			margin-right: 12px;
			width: 378px;
		}
		.bloodline_outter_box {
			/*width: 150px;*/
			width: 130px;
		}
		.bloodline_inner_box {
			border: 1px solid maroon;
			padding: 0px;
			background-color: white;
			box-shadow: 10px 9px #124a0e;
			height: 35px;
			font-size: 14px;
			/*width: 115px;*/
			width: 110px;
			padding-top: 8px;
			text-align: center;
		}

		.bloodline_align {
			transform: translate( -48%,0);
			width: 418px;
		}

		.sgrmenuwidth {
			max-width: fit-content;
			margin-right: auto;
			/*margin-left: auto;*/
			width: 505px;
			margin-top: 4px;
			margin-bottom: -20px"
		}
		.navbar {
			height: 88px;
			padding-top: 0px;
			font-size: 0pt;
		}

		b {
			font-size: 12pt;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
			/*padding-right:10px;*/
		}

		p {
			font-size: 12pt;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
		}

		li {
			font-size: 12pt;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
		}

		.text_size {
			font-size: 12pt;
			font-family: Times New Roman, Arial, Helvetica, sans-serif;
		}

		.payment_boxes {
			display: flex;
			flex-direction: column;
			width: 100%;
			column-gap: 5px;
			background-color: white;
		}
		.bosgridview {
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 5px;
		}
		.member_portal_data {
			flex-direction: column;
		}
		.container {
			width: 400px;
		}
		.form_width {
			width: 400px;
		}
		.narrative_content_box{
			width:390px;
			max-width:390px;
		}
		.pge_text {
			width: 45%;
			border: 0px solid black;
			max-width: fit-content;
			margin-left: 0%;
			margin-right: 5%;
		}

		.breeder_herd_outside {
			width: 100%;
			height: 300px;
			color: greenyellow;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1px solid greenyellow
		}

		.breeder_herd_inside {
			width: 100%;
			height: 90%;
			border: 1px solid greenyellow;
			max-width: fit-content;
			margin-left: auto;
			margin-right: auto;
		}
		.popup_outside {
			width: 100%;
			height: 125px;
			/*background-color: #e7e5d7;*/
			/*border: 1px solid black;*/
			font-size: 11px;
		}

		.popup_middle {
			width: 100%;
			height: 125px;
			display: flex;
		/*	border: 1px solid greenyellow;*/
			margin-left: 30px;
		}
		.popup_inside {
		/*	border: 1px solid black;*/
			width: 25%;
			margin-left: auto;
			margin-right: auto;
			height: 120px;
		}
		.homepage_h1 {
			font-size: 11px;
		}
	}

		@media (min-width: 576px) {
			.rpt_certificate_table {
				width: 100%;
				border: 0px solid black;
			}

			.rpt_certificate {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: top;
				gap: 4px;
				padding: 10px;
			}

			.catalogbuttongreen {
				width: 165px;
				height: 37px;
				background-color: #124a0e;
				border-radius: 5px;
				color: white;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
				font-size: 18pt;
			}

			.gatherbuttongreen {
				width: 325px;
				min-width: 325px;
				height: 37px;
				background-color: #124a0e;
				border-radius: 5px;
				color: white;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
				font-size: 18pt;
			}

			.navbar {
				position: relative;
				min-height: 50px;
				margin-bottom: 0px;
				border: 1px solid transparent
			}

			.for_sale_outter_box {
				border: 1px solid #c3c3c3;
				display: flex;
				flex-Direction: row;
				margin-left: 10px;
				margin-right: 12px;
				width: 478px;
			}

			.menu_top_margin {
				margin-top: 17px;
			}

			.bloodline_outter_box {
				/*width: 150px;*/
				width: 130px;
			}

			.bloodline_inner_box {
				border: 1px solid maroon;
				padding: 0px;
				background-color: white;
				box-shadow: 10px 9px #124a0e;
				/*width: 145px;*/
				height: 35px;
				font-size: 14px;
				width: 110px;
				padding-top: 8px;
				text-align: center;
			}

			.bloodline_align {
				transform: translate( -36%,0);
				width: 520px;
			}

			.sgrmenuwidth {
				max-width: fit-content;
				margin-right: auto;
				margin-left: auto;
				width: 100%;
				margin-top: -20px;
				margin-bottom: -20px"
			}

			.navbar {
				height: 65px;
				padding-top: 0px;
			}

			b {
				font-size: 14pt;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
				/*padding-right:10px;*/
			}

			p {
				font-size: 14pt;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
			}

			li {
				font-size: 14pt;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
			}

			.text_size {
				font-size: 14pt;
				font-family: Times New Roman, Arial, Helvetica, sans-serif;
			}

			.payment_boxes {
				display: flex;
				flex-direction: column;
				width: 100%;
				column-gap: 5px;
				background-color: white;
			}

			.bosgridview {
				display: flex;
				flex-direction: row;
				justify-content: center;
				gap: 5px;
			}
  		.member_portal_data {
				flex-direction: column;
			}
			.container {
				width: 500px;
			}

			.form_width {
				width: 500px;
			}
			.narrative_content_box {
				width: 490px;
				max-width: 490px;
			}
			.pge_text {
				width: 45%;
				border: 0px solid black;
				max-width: fit-content;
				margin-left: 0%;
				margin-right: 5%;
			}

			.breeder_herd_outside {
				width: 100%;
				height: 500px;
				color: red;
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid red
			}

			.breeder_herd_inside {
				width: 90%;
				height: 90%;
				border: 1px solid red;
				max-width: fit-content;
				margin-left: auto;
				margin-right: auto;
			}
			.popup_outside {
				width: 100%;
				height: 170px;
				/*background-color: red;
				border: 1px solid black;*/
				font-size: 17px;
			}
			.popup_middle {
				width: 100%;
				height: 165px;
				display: flex;
				/*border: 1px solid red;*/
				margin-left: 30px;
			}
			.popup_inside {
				/*border: 1px solid black;*/
				width: 27%;
				margin-left: auto;
				margin-right: auto;
				height: 165px;
			}
			.homepage_h1 {
				font-size: 17px;
			}
		}

			@media (min-width: 768px) {
				.rpt_certificate_table {
					width: 50%;
					border: 0px solid black;
				}

				.rpt_certificate {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: top;
					gap: 4px;
					padding: 10px;
				}

				.mktvideo {
					width: 100%;
					height: auto;
				}
				.mktbox {
					border: 2px solid #124a0e;
					display: flex;
					flex-direction: column;
					align-items: top;
					width: 33%;
					min-height: 250px;
					max-height: 250px;
					align-items: flex-start;
				}

				.catalogbuttongreen {
					width: 165px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.gatherbuttongreen {
					width: 325px;
					min-width: 325px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.navbar {
					position: relative;
					min-height: 50px;
					margin-bottom: 0px;
					border: 1px solid transparent
				}

				.for_sale_outter_box {
					border: 1px solid #c3c3c3;
					display: flex;
					flex-Direction: row;
					margin-left: 10px;
					margin-right: 12px;
					width: 600px;
				}

				.bloodline_outter_box {
					/*width: 150px;*/
					width: 130px;
				}

				.bloodline_inner_box {
					border: 1px solid maroon;
					padding: 0px;
					background-color: white;
					box-shadow: 10px 9px #124a0e;
					/*width: 145px;*/
					height: 35px;
					font-size: 14px;
					width: 110px;
					padding-top: 8px;
					text-align: center;
				}

				.bloodline_align {
					transform: translate( -36%,0);
					width: 520px;
				}

				.sgrmenuwidth {
					max-width: fit-content;
					margin-right: auto;
					margin-left: auto;
					width: 100%;
					margin-top: -42px;
					margin-bottom: -20px"
				}

				.navbar {
					height: 65px;
					padding-top: 18px;
				}

				b {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					/*padding-right:10px;*/
				}

				p {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				li {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.text_size {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.payment_boxes {
					display: flex;
					flex-direction: row;
					width: 100%;
					column-gap: 5px;
					background-color: white;
				}
				.bosgridview {
					display: flex;
					flex-direction: row;
					justify-content: center;
					gap: 5px;
				}
				.member_portal_data {
					flex-direction: row;
				}
				.container {
					width: 700px;
				}

				.form_width {
					width: 700px;
				}
				.narrative_content_box {
					width: 690px;
					max-width: 690px;
				}
				.pge_text {
					width: 45%;
					border: 0px solid red;
					max-width: fit-content;
					margin-left: 5%;
					margin-right: 5%;
				}
				.breeder_herd_outside {
					width: 100%;
					height: 500px;
					color: yellow;
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid yellow
				}

				.breeder_herd_inside {
					width: 90%;
					height: 90%;
					border: 1px solid yellow;
					max-width: fit-content;
					margin-left: auto;
					margin-right: auto;
				}
				.popup_outside {
					width: 100%;
					height: 200px;
					/*background-color: yellow;
					border: 1px solid black;*/
					font-size: 20px;
				}

				.popup_middle {
					width: 100%;
					height: 200px;
					display: flex;
					/*border: 1px solid yellow;*/
					margin-left: 30px;
				}
				.popup_inside {
					/*border: 1px solid black;*/
					width: 25%;
					margin-left: auto;
					margin-right: auto;
					height: 195px;
				}
				.homepage_h1 {
					font-size: 20px;
				}
			}

			@media (min-width: 992px) {
				.rpt_certificate_table {
					width: 50%;
					border: 0px solid black;
				}

				.rpt_certificate {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: top;
					gap: 4px;
					padding: 10px;
				}

				.mktvideo {
					width: 100%;
					height: auto;
				}
				.mktbox {
					border: 2px solid #124a0e;
					display: flex;
					flex-direction: column;
					align-items: top;
					width: 33%;
					min-height: 305px;
					max-height: 305px;
					align-items: flex-start;
				}

				.catalogbuttongreen {
					width: 165px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.gatherbuttongreen {
					width: 325px;
					min-width: 325px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.navbar {
					position: relative;
					min-height: 50px;
					margin-bottom: 0px;
					border: 1px solid transparent
				}

				.for_sale_outter_box {
					border: 1px solid #c3c3c3;
					display: flex;
					flex-Direction: row;
					margin-left: 10px;
					margin-right: 12px;
					width: 600px;
				}

				.bloodline_outter_box {
					/*width: 150px;*/
					width: 130px;
				}

				.bloodline_inner_box {
					border: 1px solid maroon;
					padding: 0px;
					background-color: white;
					box-shadow: 10px 9px #124a0e;
					/*width: 145px;*/
					height: 35px;
					font-size: 14px;
					width: 110px;
					padding-top: 8px;
					text-align: center;
				}

				.bloodline_align {
					transform: translate( -36%,0);
					width: 520px;
				}

				.sgrmenuwidth {
					max-width: fit-content;
					margin-right: auto;
					margin-left: auto;
					width: 100%;
					margin-top: -42px;
					margin-bottom: -20px"
				}

				.navbar {
					height: 50px;
					padding-top:18px;
				}

				b {
					font-size: 18pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					/*padding-right:10px;*/
				}

				p {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				li {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.text_size {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.payment_boxes {
					display: flex;
					flex-direction: row;
					width: 100%;
					column-gap: 5px;
					background-color: white;
				}

				.bosgridview {
					display: flex;
					flex-direction: row;
					justify-content: center;
					gap: 5px;
				}
				.member_portal_data {
					flex-direction: row;
				}
				.container {
					width: 900px;
				}

				.form_width {
					width: 900px;
				}
				.narrative_content_box {
					width: 890px;
					max-width: 890px;
				}
				.pge_text {
					width: 45%;
					border: 0px solid black;
					max-width: fit-content;
					margin-left: 10%;
					margin-right: 5%;
				}
				.breeder_herd_outside {
					width: 100%;
					height: 500px;
					color: blue;
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid blue
				}

				.breeder_herd_inside {
					width: 90%;
					height: 90%;
					border: 1px solid blue;
					max-width: fit-content;
					margin-left: auto;
					margin-right: auto;
				}
				.popup_outside {
					width: 100%;
					height: 265px;
					/*background-color: blue;
					border: 1px solid black;*/
					font-size: 28px;
				}

				.popup_middle {
					width: 100%;
					height: 260px;
					display: flex;
					/*border: 1px solid blue;*/
					margin-left: 30px;
				}

				.popup_inside {
					/*border: 1px solid black;*/
					width: 25%;
					margin-left: auto;
					margin-right: auto;
					height: 260px;
				}
				.homepage_h1 {
					font-size: 28px;
				}
			}

			@media (min-width: 1200px) {
				.rpt_certificate_table {
					width: 50%;
					border: 0px solid black;
				}

				.rpt_certificate {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: top;
					gap: 4px;
					padding: 10px;
				}

				.mktvideo {
					width: 100%;
					height: auto;
				}
				.mktbox {
					border: 2px solid #124a0e;
					display: flex;
					flex-direction: column;
					align-items: top;
					width: 33%;
					min-height: 305px;
					max-height: 305px;
					align-items: flex-start;
				}

				.catalogbuttongreen {
					width: 165px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.gatherbuttongreen {
					width: 325px;
					min-width: 325px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.navbar {
					position: relative;
					min-height: 50px;
					margin-bottom: 0px;
					border: 1px solid transparent
				}

				.for_sale_outter_box {
					border: 1px solid #c3c3c3;
					display: flex;
					flex-Direction: row;
					margin-left: 10px;
					margin-right: 12px;
					width: 600px;
				}

				.bloodline_outter_box {
					/*width: 150px;*/
					width: 130px;
				}

				.bloodline_inner_box {
					border: 1px solid maroon;
					padding: 0px;
					background-color: white;
					box-shadow: 10px 9px #124a0e;
					/*width: 145px;*/
					height: 35px;
					font-size: 14px;
					width: 110px;
					padding-top: 8px;
					text-align: center;
				}

				.bloodline_align {
					transform: translate( -36%,0);
					width: 520px;
				}

				.sgrmenuwidth {
					max-width: fit-content;
					margin-right: auto;
					margin-left: auto;
					width: 100%;
					margin-top: -42px;
					margin-bottom: -20px"
				}

				.navbar {
					height: 50px;
					padding-top: 18px;
				}

				b {
					font-size: 18pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					/*padding-right:10px;*/
				}

				p {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				li {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.text_size {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.payment_boxes {
					display: flex;
					flex-direction: row;
					width: 100%;
					column-gap: 5px;
					background-color: white;
				}

				.bosgridview {
					display: flex;
					flex-direction: row;
					justify-content: center;
					gap: 5px;
				}
				.member_portal_data {
					flex-direction: row;
				}
				.container {
					width: 900px;
				}

				.form_width {
					width: 900px;
				}
				.narrative_content_box {
					width: 890px;
					max-width: 890px;
				}
			.pge_text {
					width: 45%;
					border: 0px solid red;
					max-width: fit-content;
					margin-left: 15%;
					margin-right: 5%;
				}
				.breeder_herd_outside {
					width: 100%;
					height: 500px;
					color: purple;
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid purple
				}

				.breeder_herd_inside {
					width: 90%;
					height: 90%;
					border: 1px solid purple;
					max-width: fit-content;
					margin-left: auto;
					margin-right: auto;
				}
				.popup_outside {
					width: 100%;
					height: 265px;
					/*background-color: purple;
					border: 1px solid black;*/
					font-size: 30px;
				}

				.popup_middle {
					width: 100%;
					height: 260px;
					display: flex;
					/*border: 1px solid purple;*/
					margin-left: 30px;
				}

				.popup_inside {
					/*border: 1px solid black;*/
					width: 25%;
					margin-left: auto;
					margin-right: auto;
					height: 260px;
				}
				.homepage_h1 {
					font-size: 30px;
				}
			}

			@media (min-width: 1400px) {
				.rpt_certificate_table {
					width: 50%;
					border: 0px solid black;
				}

				.rpt_certificate {
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: top;
					gap: 4px;
					padding: 10px;
				}

				.mktvideo {
					width: 100%;
					height: auto;
				}
				.mktbox {
					border: 2px solid #124a0e;
					display: flex;
					flex-direction: column;
					align-items: top;
					width: 33%;
					min-height: 305px;
					max-height: 305px;
					align-items: flex-start;
				}

				.catalogbuttongreen {
					width: 165px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.gatherbuttongreen {
					width: 325px;
					min-width: 325px;
					height: 37px;
					background-color: #124a0e;
					border-radius: 5px;
					color: white;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					font-size: 18pt;
				}

				.navbar {
					position: relative;
					min-height: 50px;
					margin-bottom: 0px;
					border: 1px solid transparent
				}

				.for_sale_outter_box {
					border: 1px solid #c3c3c3;
					display: flex;
					flex-Direction: row;
					margin-left: 10px;
					margin-right: 12px;
					width: 600px;
				}
				.bloodline_outter_box {
					/*width: 150px;*/
					width: 130px;
				}

				.bloodline_inner_box {
					border: 1px solid maroon;
					padding: 0px;
					background-color: white;
					box-shadow: 10px 9px #124a0e;
					/*width: 145px;*/
					height: 35px;
					font-size: 14px;
					width: 110px;
					padding-top: 8px;
					text-align: center;
				}

				.bloodline_align {
					transform: translate( -36%,0);
					width: 520px;
				}

				.sgrmenuwidth {
					max-width: fit-content;
					margin-right: auto;
					margin-left: auto;
					width: 100%;
					margin-top: -42px;
					margin-bottom: -20px"
				}

				.navbar {
					height: 50px;
					padding-top: 18px;
				}

				b {
					font-size: 18pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
					/*padding-right:10px;*/
				}

				p {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				li {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.text_size {
					font-size: 14pt;
					font-family: Times New Roman, Arial, Helvetica, sans-serif;
				}

				.payment_boxes {
					display: flex;
					flex-direction: row;
					width: 100%;
					column-gap: 5px;
					background-color: white;
				}

				.bosgridview {
					display: flex;
					flex-direction: row;
					justify-content: center;
					gap: 5px;
				}
				.member_portal_data {
					flex-direction: row;
				}
				.container {
					width: 900px;
				}

				.form_width {
					width: 900px;
				}
				.narrative_content_box {
					width: 890px;
					max-width: 890px;
				}
				.pge_text {
					width: 45%;
					border: 0px solid black;
					max-width: fit-content;
					margin-left: 30%;
					margin-right: 0%;
				}

				.breeder_herd_outside {
					width: 100%;
					height: 500px;
					color: black;
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid orange
				}

				.breeder_herd_inside {
					width: 90%;
					height: 90%;
					border: 1px solid orange;
					max-width: fit-content;
					margin-left: auto;
					margin-right: auto;
				}
				.popup_outside {
					width: 100%;
					height: 265px;
					/*background-color: #e7e5d7;*/
					/*border: 1px solid black;*/
					font-size: 30px;
				}

				.popup_middle {
					width: 100%;
					height: 260px;
					display: flex;
					/*background-color: #e7e5d7;*/
					/*border: 1px solid #e7e5d7;*/
					margin-left: 30px;
				}
				.popup_inside {
					/*border: 1px solid black;*/
					width: 20%;
					margin-left: auto;
					margin-right: auto;
					height: 260px;
				}
				.homepage_h1 {
					font-size: 30px;
				}
			}
