/*PMS css*/

@media screen and (min-width: 0px) {
	/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5;/* Sit on top */
  left: 0;
  margin-top: -233px;
  width: 100%; /* Full width */
  height: 260vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  margin: auto;
  width: 100%;
	top: 75%;
	position: relative;
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 50px;
	margin-top: -30px;
  font-weight: bold;
	z-index: 6;
	position: relative;
	top: 11px;
	right: 47%;
}

.close:hover{
  color: #000;
  text-decoration: none;
  cursor: pointer;
	z-index:7;
	}
	
.content1 {
	top: 226px !important;
}
.content2 {
	top: 516px !important;
}
.content3 {
	top: 774px !important;
}
.content4 {
	top: 221px !important;
}
/* Content 5 is for the second group on winners modal location */
.content5 { 
	top: 226px !important;
}

	.caro1{
		display: initial;
	}
	.caro2{
		display: none;
	}
	.caro3{
		display: none;
	}
	.FAQsign {
		color: white;
		border: none;
		background-color: transparent;
		font-size: 3.5em;
		margin-top: -20px;
		transform: none;
		position: relative;
		right: -25px;
		top: -22px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 35px;
	}
	h4 {
		font-size: 1.4em;
    	cursor: pointer;
    	width: 75%;
    	display: inline-block;
	}
	.bio1{
		font-size: 1.2em;
	}
	.bio2{
		font-size: 1.2em;
	}
	.bio3{
		font-size: 1.2em;
	}
	.bio4{
		font-size: 1.2em;
	}
	.bio5{
		font-size: 1.2em;
	}
	.bio6{
		font-size: 1.2em;
	}

	.categoryContainer {
		grid-column: col-start 1/span 10;
		margin-bottom: 20px;
	}
	.btn4Margin {
		margin-top: 25px !important;
	}
	
	.square{
		height: 200px;
  		width: 100%;
  		background-color: rgb(43 43 43);
	}
	.square2{
		margin-left: 0px;
		margin-top: 5px;
	}
	.winnersM{
		height: 225px;
  		width: 100%;
		display: inline-block;
		margin-top: -5px;
	}
	.squareTitle {
		line-height:36px; 
		color: black;
		text-align: center;
		font-size: 1.2em;
		position: relative;
		top: 0px;
		background-color: white;
		width: 100%;
	}
	.modalTitle {
		line-height:30px; 
		color: white;
		text-align: center;
		font-size: 1em;
		position: relative;
		top: 10px;
		background-color: transparent;
		width: 100%;
	}
	
	.honorableTitle {
		line-height:40px; 
		color: black;
		text-align: center;
		font-size: .5em;
		position: relative;
		top: 0px;
		background-color: white;
	}
	.categoryTitle{
		line-height: 80px;
		color: white;
		text-align: center;
		font-size: 2em;
	}
	.squareSpacing{
		margin-left: 30px;
	}
	.square3{
		margin-left: 0px;
		margin-top: 5px;
	}
	.square4 {
		margin: auto;
		margin-top: -25px;
	}
	.square5 {
		margin: auto;
		margin-top: 5px;
	}
	.square6 {
		margin: auto;
		margin-top: 5px;
	}
	.disappear{
		display: none;
	}
	.greenSection {
    	background: #008445;
	}
	h4 {
		font-size: 1.25em;
	}
	.arrow {
  		border: solid black;
  		border-width: 0 2px 2px 0;
  		display: inline-block;
  		padding: 8px;
	}
	.honorableM {
		height: 190px;
  		width: 90%;
  		background-color: rgb(104 106 105);
		display: inline-block;
		right: 161px;
		position: relative;
		margin-left:0px;
	}
	.right {
  		transform: rotate(-45deg);
  		-webkit-transform: rotate(-45deg);
		margin-top: 14px;
		margin-right: 38%;
		float: right;
		position: relative;
		top: 29px;
	}

	.left {
 		transform: rotate(135deg);
  	-webkit-transform: rotate(135deg);
		margin-top: 260px;
		margin-left: 40.5%;
		position: relative;
		top: 11px;
	}
	
	.sliderPlacement {
		margin-top: -270px;
	}
	.winnerMobile {
		display: none;
	}
	.winnerDesktop {
		display: none;
	}
	.winnerDesktop2 {
		display: none;
	}
	.dice {
		margin-top: 25px;
	}
	.FAQcontainer {
		grid-column: col-start 1/span 10;
	}
	.categoryImgPosition {
		position: relative;
	}
	.categoryTitlePosition {
		position: relative;
		top: -140px;
	}
	.caro2W{
		display: none;
	}

	h1 {
		font-size: .85em;
	}
    .categoryDesktop {
        display: block;
    }
    .categoryMiddle {
        display: none;
    }
}

@media screen and (min-width: 264px) {

}

@media screen and (min-width: 285px) {

}

@media screen and (min-width: 300px) {
	.categoryTitlePosition {
		position: relative;
	}

}

@media screen and (min-width: 340px) {
}

@media screen and (min-width: 350px) {
	.modalTitle {
		font-size: 1.1em;
	}
	.square {
		height: 225px;
	}
	.categoryTitlePosition {
		top: -155px;
	}
	.content2 {
	top: 571px !important;
	}
	.content3 {
		top: 915px !important;
	}
	.honorableM {
		right: 190px;
	}
	.FAQsign {
		color: white;
		border: none;
		background-color: transparent;
		font-size: 3.5em;
		margin-top: -20px;
		transform: none;
		position: relative;
		right: -25px;
		top: -22px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 35px;
	}
	h4 {
		font-size: 1.4em;
    	cursor: pointer;
    	width: 75%;
    	display: inline-block;
	}
}

@media screen and (min-width: 375px) {
	.winnersM{
		height: 310px;
	}
	.honorableTitle {
		top: 0px;
	}
	.categoryTitlePosition {
		top: -160px;
	}
	.square {
		height: 240px;
	}
	.squareTitle {
		top: -30px;
	}
}

@media screen and (min-width: 400px) {
	.honorableM {
		right: 216px;
	}
	.categoryTitle{
		font-size: 2.5em;
	}
	.honorableTitle {
		font-size: .6em;
	}
	.modalTitle {
		font-size: 1.2em;
	}
	.right{
		top: 28px;
	}
}

@media screen and (min-width: 425px) {
	.categoryTitlePosition {
		top: -175px;
	}
	.square {
		height: 260px;
	}
}

@media screen and (min-width: 441px) {
	.slideBtn5 {
		position: relative; 
		top: 11px !important;
	}
}

@media screen and (min-width: 450px) {
	.honorableM {
		width: 91%;
		margin-left: 125px;
		right: 370px;
	}
	.sliderPlacement{
		margin-top: -328px;
	}
	.left{
		margin-top: 317px;
		top: -47px;
	}
	.right{
		top: 28px;
	}
}

@media screen and (min-width: 471px) {
	.slideBtn2 {
		position: relative; 
		top: 11px !important;
	}
}

@media screen and (min-width: 475px) {
	.categoryTitlePosition {
		top: -195px;
	}
	.square {
		height: 290px;
	}
}


@media screen and (min-width: 479px) {
	.slideBtn6 {
		position: relative; 
		top: 11px !important;
	}
}

@media screen and (min-width: 500px) {
	.honorableM {
		right: 390px;
	}
	.honorableMM {
		height: 300px;
  		width: 100%;
	}
	.left{
		top: -48px;
	}
	.categoryTitle{
		font-size: 2em;
	}
	.right{
		top: 32px;
	}
}

@media screen and (min-width: 506px) {
	.slideBtn1 {
		position: relative; 
		top: 11px !important;
	}
}

@media screen and (min-width: 525px) {
	.categoryTitlePosition {
		top: -210px;
	}
	.square {
		height: 320px;
	}
}

@media screen and (min-width: 530px) {
	.slideBtn4 {
		position: relative; 
		top: 11px !important;
	}
}

@media only screen and (max-width: 539px) {

}

@media screen and (min-width: 540px){
	.modal-content {
		width: 520px;
	}
	.content1 {
		top: 210px !important;
	}
	.content2 {
		top: 580px !important;
	}
	.content3 {
		top: 907px !important;
	}
	.content4 {
		top: 199px !important;
	}
	/* Content 5 is for the second group on winners modal location */
	.content5 { 
		top: 210px !important;
	}
	.winnersM {
		margin-top: -10px;
	}
	.winnersD {
		height: 240px;
  		width: 250px;
		display: inline-block;
		margin-top: -25px;
	}
	h4 {
		font-size: 1.5em;
	}
	.honorableM {
		right: 360px;
	}
	.sliderPlacement {
		margin-top: -317px;	
	}
	.left {
		margin-top: 278px;
		top: -12px;
	}
	.right {
		margin-top: 38px;
		top: 27.5px;
	}
	.dice {
		margin-top: 75px;
	}	
	.square {
		width: 540px;
	}
	.square1{
		margin: auto;
	}
	.square2{
		margin: auto;
		margin-top: 5px;
	}
	.square3{
		margin: auto;
		margin-top: 5px;
	}
	.square4{
		margin: auto;
		margin-top: -25px;
	}
	.square5{
		margin: auto;
		margin-top: 5px;
	}
	.square6{
		margin: auto;
		margin-top: 5px;
	}
	.FAQsign {
		color: white;
		border: none;
		background-color: transparent;
		font-size: 3.5em;
		margin-top: -20px;
		transform: none;
		position: relative;
		right: -25px;
		top: -11px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 35px;
	}
	h4 {
		font-size: 1.5em;
    	cursor: pointer;
    	width: 85%;
    	display: inline-block;
	}
	.slideBtn3 {
		position: relative;
		top: -22px !important;
	}
	.bio1{
		font-size: 1.3em;
	}
	.bio2{
		font-size: 1.3em;
	}
	.bio3{
		font-size: 1.3em;
	}
	.bio4{
		font-size: 1.3em;
	}
	.bio5{
		font-size: 1.3em;
	}
	.bio6{
		font-size: 1.3em;
	}
	.modalTitle {
		font-size: 1.4em;
	}
	.honorableTitle {
		font-size: .7em;
	}
}

@media screen and (min-width: 590px) {
	.honorableM {
		right: 380px;
	}
}

@media screen and (min-width: 640px) {
	.honorableM{
		right: 402px;
		width: 92%;
	}
}

@media screen and (min-width: 678px) {
	.square {
		width: 540px;
		height: 320px;
	}

}

@media screen and (min-width: 720px) {
	.honorableM{
		right: 436px;
	}
}

@media screen and (min-width: 730px) {
	.disappear {
		display: initial;
	}
	.square3{
		margin-top: -18px;
	}
}

@media screen and (min-width: 730px) {
	.slideBtn3 {
		position: relative;
		top: 11px !important;
	}
}
@media only screen and (max-width: 767px) {

}
	
@media screen and (min-width: 768px) {
	.modal-content {
		width: 596px;
	}
	.content1 {
		top: 247px !important;
	}
	.content2 {
		top: 247px !important;
	}
	.content3 {
		top: 247px !important;
	}
	.content4 {
		top: 213px !important;
	}
	/* Content 5 is for the second group on winners modal location */
	.content5 { 
		top: 247px !important;
	}
	.squareTitle {
		width: 100%;
		left: 0;
	}
	.winnersD{
		height: 225px;
  		width: 100%;
		display: inline-block;
	}
	.winnersM{
		height: 310px;
  		width: 404px;
		display: inline-block;
	}
	.caro1{
		display: none;
	}
	.caro2{
		display: initial;
	}
	.caro2W{
		display: initial;
	}
	.square2{
		margin-top: 5px;
	}
	.square3{
		margin-top: 5px;
	}
	.square4{
		margin-top: -25px;
	}
	.square5{
		margin-top: 5px;
	}
	.square6{
		margin-top: 5px;
	}
	.disappear {
		display: none;
	}
	.left {
		margin-top: 278px;
		top: 35px;
	}
	.sliderPlacement {
		margin-top: -270px;
	}
	.honorableD {
		height: 240px;
  		width: 90%;
		position: relative;
		right: 219px;
	}
	.squareTitle {
		top: -30px;
	}
	.winner3{
		margin-left: 17px !important; 
	}
	.FAQsign {
		color: white;
		border: none;
		background-color: transparent;
		font-size: 3.5em;
		margin-top: -20px;
		transform: none;
		position: relative;
		right: -25px;
		top: -11px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 35px;
	}
	h4 {
		font-size: 1.6em;
    	cursor: pointer;
    	width: 88%;
    	display: inline-block;
	}
	.slideBtn3 {
		position: relative;
	}
	.honorableM{
		right: 313px;
	}
	.honorableTitle {
		font-size: .58em;
	}
	.arrow{
		padding: 12px;
		border-width: 0 2px 2px 0;
	}
	.right{
		top: 20.5px;
	}
}

@media screen and (min-width: 840px) {
	.content1 {
		top: 271px !important;
	}
	.content2 {
		top: 271px !important;
	}
	.content3 {
		top: 271px !important;
	}
	.content4 {
		top: 212px !important;
	}
	/* Content 5 is for the second group on winners modal location */
	.content5 { 
		top: 271px !important;
	}
	.categoryContainer {
		margin-bottom: -22px;
	}
	.square{
		height: 300px;
  		width: 374px;
	}
	.categoryTitlePosition {
		top: -190px;
	}
	.square{
		display: inline-block;
	}
	.square2{
		margin-left: 30px;
	}
	.square3{
		margin-top: -25px;
	}
	.square4{
		margin-top: -15px;
	}
	.square5{
		margin-left: 0px;
		margin-top: -25px;
	}
	.square6 {
		margin-left: 30px;
		margin-top: -25px;
	}
	.winner2{
		margin-top: 2px !important;
	}
	.winner3{
		margin-left: 28px !important; 
		margin-top: 17px !important;
	}
	.winnersM{
		height: 300px;
  		width: 437px;
		display: inline-block;
	}
	.honorableD {
		right: 238px;
	}
	.honorableM{
		right: 331px;
	}
	.honorableTitle {
		font-size: .63em;
	}
	.categoryTitle{
		font-size: 2.5em;
	}
	.right{
		top: 19.5px;
	}
    .categoryMiddle {
        display: block;
    }
    .categoryDesktop {
        display: none;
    }
}

@media screen and (min-width: 900px) {

}

@media screen and (min-width: 950px) {
	.left {
		margin-top: 350px;
		top: -7px;
	}
	.content4{
		top: 245px !important;
	}
	.sliderPlacement {
		margin-top: -352px;
	}
	.honorableTitle {
		top: 0px;
		font-size: .7em;
	}
	
	.square4{
		margin-top: -15px;
	}
	.winnersD {
		height: 275px;
		width: 100%;
	}
	.FAQsign {
		color: white;
		border: none;
		background-color: transparent;
		font-size: 3.5em;
		margin-top: -20px;
		transform: none;
		position: relative;
		right: -25px;
		top: -11px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 35px;
	}
	h4 {
		font-size: 2em;
    	cursor: pointer;
    	width: 85%;
    	display: inline-block;
	}
	.slideBtn3 {
		position: relative;
		top: 11px !important;
	}
	.bio1{
		font-size: 1.4em;
	}
	.bio2{
		font-size: 1.4em;
	}
	.bio3{
		font-size: 1.4em;
	}
	.bio4{
		font-size: 1.4em;
	}
	.bio5{
		font-size: 1.4em;
	}
	.bio6{
		font-size: 1.4em;
	}
	.honorableM{
		right: 358px;
		height: 230px;
	}
}

@media screen and (min-width: 966px) {

}
@media screen and (min-width: 1024px) {
	.honorableM{
		right: 376px;
	}
}

@media screen and (min-width: 1100px) {
	.content1 {
		top: 271px !important;
	}
	.content2 {
		top: 271px !important;
	}
	.content3 {
		top: 271px !important;
	}
	.content4 {
		top: 247px !important;
	}
	/* Content 5 is for the second group on winners modal location */
	.content5 {
		top: 980px !important;
	}
	.categoryContainer {
		grid-column: col-start 2/span 12;
		margin-bottom: -25px;
	}
	.modal-content {
		width: 640px;
	}
	.btn4Margin {
		margin-top: 50px !important;
	}
	.square{
		height: 300px;
  		width: 400px;
	}
	.square2 {
		margin-left: 30px;
	}
	.squareTitle {
		top: 0px;
		font-size: .8em;
		text-align: center;
	}
	.greenSection {
		display: initial;
    	grid-column: col-start 1/span 14;
    	background: #008445;
	}
	.dice {
		margin-top: 100px;
	}
	.FAQcontainer {
		grid-column: col-start 1/span 14;
	}
	.left {
		margin-top: 50px;
		margin-left: -50px;
		top: 69px;
	}
	.right {
		margin-top: 0px;
		top: -167px;
		position: relative;
		left: 103%;
		float: none;
	}
	.arrow {
		padding: 16px;
	}
	.sliderPlacement {
		margin-top: -60px;
	}
	.FAQMargin {
		text-align: left;
		margin-left: 17%;
	}
	.honorableD {
		right: 356px;
	}
	.categoryTitle{
		font-size: 2.2em;
	}
	.honorableM{
		right: 365px;
	}
	.winnersM{
		height: 300px;
  		width: 400px;
	}
	.square3rd{
		margin-left: 30px;
	}
	.second3rd{
		margin-top: 52px;
	}
	.slideBtn3 {
		position: relative;
		top: -22px !important;
	}
	.winnerMobile {
		display: initial;
	}
	.caro2W{
		display: none;
	}
	.honorableTitle {
		font-size: .8em;
	}
	.winner5th{
		margin-top: 17px;
	}
	.boxesSix {
		margin-top: 20px !important;
	}
	.boxMargBottom {
		margin-bottom: 54px !important;
	}
}

@media screen and (min-width: 1121px){
	.slideBtn3 {
		position: relative;
		top: 11px !important;
	}
}

@media screen and (min-width: 1200px) {
	.honorableM{
		right: 386px;
	}
}
  
@media screen and (min-width: 1220px) {
	.FAQsign{
		right: 2%;                 
	}
}

@media screen and (min-width: 1300px) {
	.honorableM{
		right: 408px;
	}
	.FAQsign{
		right: 0%;                 
	}
}

@media screen and (min-width: 1400px) {
	.square {
		height: 320px;
		width: 375px;
	}
	.square5 {
		margin-left: 30px;
	}
    .square6 {
        margin-left: 30px;
    }
	.square3 {
		margin-left: 30px;
	}
	.caro2{
		display: none;
	}
	.caro3{
		display: initial;
	}
	.categoryTitlePosition {
		top: -198px;
	}
	.winnersM {
		height: 320px;
		width: 375px;
	}
	.honorableM{
		right: 339px;
		height: 300px;
	}
	.categoryTitle{
		font-size: 2.1em;
	}
	.right{
		left: 102%;
		top: -190px;
	}
	.left{
		top: 116px;
		margin-top: 25px;
	}
	.FAQsign{
		right: 3%;                 
	}
	.honorableTitle {
		font-size: .8em;
	}
	.content4 {
		top: 225px !important;
	}
	.winner5th{
		margin-top: -10px;
	}
	.boxesSix {
		margin-top: 0px;
	}
	.boxMargBottom {
		margin-bottom: 0px;
	}
	.content5 {
		top: 731px !important;
	}
	.square8th {
		margin-left: 30px;
	}
    .categoryDesktop {
        display: inline-block;
    }
    .categoryMiddle {
        display: none;
    }
}

@media screen and (min-width: 1500px) {
	.FAQsign{
		right: 5%;                 
	}
}

@media screen and (min-width: 1550px) {
	.honorableM{
		right: 360px;
	}
}

@media screen and (min-width: 1600px) {
	.left{
		margin-top: 35px;
	}
	.FAQsign{
		right: 9%;                 
	}
}

@media screen and (min-width: 1700px) {
	.honorableM{
		right: 385px;
	}
}
@media screen and (min-width: 1800px) {
	.right{
		top: -233px;
	}
	.left {
		top: 171px;
	}
	.honorableM{
		right: 401px;
		height: 400px;
	}
	.FAQsign{
		right: 13%;                 
	}
}

@media screen and (min-width: 1900px) {

}
@media screen and (min-width: 2000px) {
	.honorableM {
		right: 430px;
	}	
}

@media screen and (min-width: 2250px) {
	.honorableM {
		right: 467px;
	}
}

@media screen and (min-width: 2500px) {
	.honorableM {
		right: 510px;
	}
}

@media screen and (min-width: 2850px) {
	.honorableM {
		right: 467px;
	}
}

@media screen and (min-width: 3200px) {
	.honorableM {
		right: 467px;
	}
}