/*************************************
	COLORS
		Green #009444
		Blue #21409A
	TEXT
		<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 
		font-family: 'Rubik', sans-serif;	
*************************************/


/*************************************
      MOBILE FIRST
*************************************/
body {
	max-width: 900px;
	margin: auto;
	background-color: #f5f5f5;
	font-family: 'Rubik', sans-serif;
	overflow: auto;
}

header {
	text-align: center;
	overflow: auto;
}

h1 {
	font-weight: 700;
	font-size: 2em;
}

h2 {
	font-weight: 700;
	font-size: 1.09em;
	margin-bottom: .3em;
}
	
h3 {
	font-weight: 700;
	font-size: .9em;
}

img {
	max-width: 100%;
}
	
p {
	font-weight: 400;
	font-size: 1.1em;
	color: #000000;
}
	
a {
	text-decoration: none;
	color: #009444;
}

nav {
	text-align: center;
	margin-top: 0;
}

nav ul li {
	display: inline-block;
	margin: .2em .5em ;
	padding: .3%;
	list-style: none;
}

nav li a:hover {
	color: #9e9e9e;
}

nav li a.selected {
	color: #1936a2; 
}

.address ul li{
	font-size: .85em;
	text-align: center;
	list-style: none;
	line-height: 1.5;	
}

.wrap {
	background-color: #f5f5f5;
	border: solid .75em #21409A;
	max-width: 80%;
	margin: 5% auto;
	padding: 3%;
	overflow: auto;
	text-align: center;
}

footer {
	margin: auto;
	text-align: center;
	clear: both;
}

footer img {
	max-width: 77%;
}

/*************************************
           HOME PAGE
*************************************/
#mission #opportunity {
	margin: 3em 0 3em 0;
}

#mission h1, #opportunity h1 {
	color: #009444;
}

#mission img {
	margin-left: 4em;
}

#mission h1, #opportunity h1 {
	margin: 0;
}

/*************************************
     WHAT WE DO PAGE
*************************************/ 

#RehabEmploy img {
	max-width: 100%;
}

#RehabEmploy {
	color: #21409A;
}

#RehabEmploy h2{
	margin-top: 2em;
	color: #009444;
}

/*************************************
      HISTORY PAGE
*************************************/
#history h1 {
	color: #009444;
	margin-bottom: 0;
}

/*************************************
      PRINT SHOP PAGE
*************************************/

/*************************************
      JANITOR CUSTODIAL PAGE
*************************************/
.infoDivs h1 {
	color: #009444;
	margin-bottom: 0;	
}



/*************************************
      MEDIA QUERIES
*************************************/
@media (min-width: 478px) {
	
	/*************************************
      PRINT SHOP PAGE
    *************************************/
	
	
		
}

@media (min-width: 767px) {
	
	#logoBox {
		display: inline-block;
		text-align: center;
		width: 123px;
		float: left;
	}
	
	#logoBox img {
		max-width: 100%;
	}
	
	.address2 {
		display: inline-block;
		overflow: auto;
		text-align: center;
		float: right;
	}
	
	.address2 ul li{
		font-size: .85em;
		text-align: center;
		list-style: none;
		line-height: 1.5;
	}
	
	#logoOpShop {
		display: inline-block;
		max-width: 55%;
		text-align: center;
	}
	
	#logoOpShop img {
		max-width: 80%;	
	}
	
	nav {
		margin-bottom: 4%;
	}
	
	
	/*************************************
      HOME PAGE
    *************************************/
	
	#Mission {
		overflow: auto;
		display: inline-block;
		float: left;
		max-width: 44%;
		text-align: center;
	}
	
	#statement h1 {
		text-align: center;
		margin: 0;
	}
	
	/*#IconMission {
		display: inline-block;
	}*/
	
	#IconMission img {
		width: 100%;
  		height: auto;
	}

	#Opportunity {
		overflow: auto;
		display: inline-block;
		float: right;
		clear: right;
		max-width: 44%;
		text-align: center;
		margin-bottom: 4%;
		
	}
	
	/*#IconOpportunity {
		display: inline-block;
	}*/
	
	#IconOpportunity img {
		width: 100%;
        height: auto;
		
	}
	
	#theOp h1 {
		text-align: center;
		margin: 0;
	}
	
	/*************************************
      PRINT SHOP PAGE
    *************************************/
	
	.PandS {
		margin-bottom: 4%;
	}
	
	hr {
		display: none;	
	}
	
	#DigitalPrint {
		max-width: 47%;
		display: block;
		text-align: center;
	}
	
	#ScreenEmb {
		max-width: 47%;
		display: block;
		text-align: center;
		float: right;
	}
	
	#DigitalPrint h3, #ScreenEmb h3 {
		text-align: center;
	}
	
}

@media (min-width: 1023px) {
	
	body {
		max-width: 100%;
		background: #f5f5f5;
	}
	
	h2 {
		margin-bottom: 19px;
	}
	
	.wrapper {
		background-color: #f5f5f5;
		border: none;
		margin: auto;
		max-width: 100%;
		padding: 0;
	}
	
	#LgScreenHeader {
	
	}
	
	#headerInfo {
		max-width: 738px;
		margin: auto;
		overflow: auto;
	}
	
	#navagation {
		display: inline;
		max-width: 738px;
	}
	
	nav {
		background: #009444;
	}
	
	nav li a {
		color: #f5f5f5;

	}
	
	nav li a:hover {
		color: #21409A;
	}

	nav li a.selected {
		color: #bfbfbf;

	}
	
	.container {
		display: block;
		max-width: 900px;
		margin: auto;
	}
		
	.infoDivs {
		overflow: auto;
		display: block;
		border: 4px solid #21409a;
		border-radius: 1em;
		padding: 10px;
		background: #E6E7E8;
		margin: 0 40px 20px 40px;
		text-align: left;
	}
	
	.boxImg, .boxImgRight {
		display: block;
		padding: 20px 60px;
		overflow: auto;
	}
	
	.boxImg img, .boxImgRight img{
		display: block;
		max-width: 317px;
	}
	
	.boxImg p, .boxImgRight p {
		margin: 0;
	}
	
	.boxImg img {
		float: left;
		margin-right: 100px;

	}
	
	.boxImgRight img {
		float: right;
		margin-left: 100px;

	}
	
/*************************************
      HOME PAGE
*************************************/

	#Mission {
		border: 4px solid #21409A;
		border-radius: 1em;
		padding: 2%;
		width: 300px;
		height: 261px;
		margin-bottom: 5%;
		margin-left: 5%;
		background: #E6E7E8;
	}
	
	#Opportunity {
		border: 4px solid #21409A;
		border-radius: 1em;
		padding: 2%;
		width: 300px;
		height: 261px;
		margin-right: 5%;
		background: #E6E7E8;
	}
	
	#mission img {
		margin-left: 0;
	}

/*************************************
      PRINT PAGE
*************************************/
	
	#DigitalPrint, #ScreenEmb {
		display: inline-block;	
	}

	.PrintPgImgs {
		overflow: auto;
 		display: block;
		margin: 0 5em 0 5em;
		text-align: justify;
	}

	.PrintPgImgs img {
		display: inline-block;
	}
	.PrintPgImgs:after {
	    content: '';
	    display: inline-block;
	    width: 100%;
	}

}