h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*:focus {
	outline: 0;
}*/
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*{ box-sizing: border-box;}
header, main, nav, footer, figure, figcaption, aside, section,
article { display: block; }

body 
{ 
   /* Recently added */
  /* align-items: center;*/
   /*display:flex;*/
   /*height: 100vh;*/
  /*justify-content: center;*/
   /* Recently added */
   
   background-color:#869dc7;
   color:#FFFFFF;    	/* Set text color to white */
   font-family:Georgia, "Times New Roman",sans-serif;
   width:100%; 
   min-width: 750px;
   line-height: 1.5;
   font-size: 1.6em;
}
ul 
{
  list-style-type: disc;
  list-style-position: inside;
  list-style-image: none;
}

h1 
{ 
   /*height: 5px;*//*40px;*/
   font-family: Georgia, "Times New Roman", sans-serif;
   font-size: 3.6rem;
   font-weight:bold;
   text-shadow: 3px 3px 3px #90745D;
   /*padding:4%;*/
   
   padding-top:4%; 
   padding-bottom:0;
   
   text-align:center;
   text-transform: uppercase;
}
h2
{ 
   font-weight: bold;
   font-size:2.5rem;
   color: #FFFFFF; 
   font-family: Georgia, "Times New Roman", sans-serif;
   text-align:center;
   padding:6px;
   margin:6px;
}
h3
{ 
   font-weight: bold;
   font-size:90%;
   color: #000000; 
   font-family: Georgia, "Times New Roman", sans-serif;
   padding-top: 2%;
   padding-bottom:2%;
   text-align:center;
}
header img
{
	width:20%;
	float:right;
	height:150px;
	border-radius:50%;
	margin-top: 2em;
	margin-right:1em;
}
header span { font-style: italic;
			  font-weight: bold;
			  font-size: 95%;
			  color: #FFFFFF;
              padding-left: 15em;
			  margin-top: -0.5em;
}
nav 
{  
	background-color: #00005D; 
	letter-spacing: 0.1em;
	text-align: left; 
	padding-right: 1.1rem; /*2em;*/
	position: relative;
} 
nav a { text-decoration: none; 
       display: block;
}
/*+++++++++++++++++++Hamburger Menu+++++++++++++++++++++++++++*/
nav #myLinks 
{
  display: block;
}
nav a.icon 
{
   display:none;
}
/*+++++++++++++++++++Hamburger Menu++++++++++++++++++++++++++++*/

nav ul { list-style-type: none; 
        /*margin: 0;*/
		margin-left:0; /* New from 4%*/
}
nav ul ul 
{ 
	position: absolute; 
	background-color: #5564A0;
	padding: 0; 
	text-align: left; 
	display: none; 
}
nav li 
{ 
      padding: 0.5em;
      display: inline-block;
}
nav ul ul li 
{ 
	border: 1px solid #00005D;
	display: block; 
	width: 11em;
	padding-left:1em;
	margin-left: 0;
}
nav li:hover ul 
{ 
	display: block; 
}

nav a:link { color: #FFFFFF; }
nav a:visited { color: #EAEAEA; }
nav a:hover {  color: #D3DBEB;}

main
{
   padding-top:0;
   padding-bottom:3em;
   padding-left:1em;
   padding-right:2em;
   display: block;
   margin-left:2%; /*auto;*/
   margin-right:1%; /*auto;*/
   min-height: 750px;
}
main div > p
{
	margin-left:0;
	margin-top:1.5rem; /*2%;*/
}
.gothic-font
{ 
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}
main ul > li
{
	/*margin-left:180px;*/
	margin-left:0;
}
main div ul > li
{
	margin-left:2%;
	padding:1%;
}
main p
{
    /*font-family: Georgia, "Times New Roman", sans-serif;*/
}
footer
{
	background-color:#869dc7;
	font-style:italic;
	font-size:small;
	text-align:center;
	padding:0.25em;
}
.container {
  width: 80%;
  height: 800px;
  border-radius: 5px;
  background-color:#f2f2f2;
  color:#000000;
  padding: 0;
  display: inline-block;
  margin-left: 8em;
}
#wrapper 
{  
	width:auto;
	min-width:600px;
    max-width: 1440px; /*1580px;*/
    color: #FFFFFF;
	background-color: #006699;
	margin: 0 auto;
}
header 
{ 
	font-family: Georgia, "Times New Roman", serif;
	background-image: url(NDTC.png);
	background-size:20%;
	background-position:left;
	background-repeat: no-repeat;
	background-color: #869dc7; 
	height: 250px;
}
#mobile
{
	display:none;
}
#desktop
{
	display:inline;
}

.assessment-request-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:6%;
}
.assessment-request-flex-container > div {
   background-color:#FFFFFF;
   color:#000000;
   width: 32%;
   height:100%;
   font-size:1.4rem;
   padding-bottom:1%;
   border-radius:2rem;
}
.assessment-request-button
{
   display:block;
   width:38%;
   height:2.5rem;
   font-size:1.2rem;
   font-weight:bold;
   text-transform:uppercase;   
}
#assessment-request-text
{ 
    margin-left:2%;
	padding-bottom:2%;
}
.home-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:3%;
	padding-bottom:6%;
}
.home-flex-container > div {
  background-color: #006699;
  color:#FFFFFF;
  width: 44%;
  /*margin:1%;*/
  font-size:1.79rem;
  /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}

.home-contact-button
{
   display:inline-block;
   width: 16%;
   height:3rem;
   font-size: 1.3rem;
   font-weight:bold;
   background-color:#00005D;
   color:#FFFFFF;
   border-radius:2rem;
   text-shadow: 3px 3px 3px #006699;
   align-items:center;
   margin-left:42%;
   margin-right:42%;
   
   text-transform:uppercase;   
}
.img-diversity-format
{
   border-radius:2rem;
   width:100%;
   height:92%;
   margin-top:6%;
   /*max-width:100%;
   max-height:100%;*/
}	

.mission-picture-format
{
   border-radius:2rem;
   width:100%;
   height:94%;
   margin-top:6%;
   /*max-width:100%;
   max-height:100%;*/			   
}
#mission-scheduler-text
{ 
    margin-left:3%;
	padding-bottom:2%;
}
.mission-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%*/;
   height:100%;
   margin-top:2%;
   margin-left:25%;
   margin-right:25%;
   padding-top:0.5%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
}
.mission-schedule-button
{
   display:block;
   /*width:30%;*/
   height:3.5rem;
   font-size:1.5rem;
   font-weight:bold;
   text-transform:uppercase;   
}
.flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
	flex-direction:row;
	flex-wrap:wrap;
	padding-top:2%;
	justify-content:space-around;
}
.flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 40%;
   font-size:2rem;
   margin-bottom:0;
   /* text-align: center;*/
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}

.ind-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-evenly; 
    /*padding-top:5%;*/
	margin-left:0; /* New */
	margin-right:0;
	margin-top:0;
}
.ind-flex-container > div 
{
    background-color: #006699;
    color:#FFFFFF;
    width:50%; /*100%*/
    height:auto;
    margin:0;
    /*border: 0.25px inset #869dc7;*/ /*from #000000;*/
}
.join-ndtc-staff 
{
   width:30%;
   height:auto;
   border-radius:5%;
   background-color:#f2f2f2;
   color:#000000;
   margin-left:36%;
   padding-bottom:1%;
   display: inline-block;
   margin-top:1%;
}
#join-ndtc-staff-text
{
	padding-top:2%;
    margin-left:3.5%;
}
.individual-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
	flex-direction:row;
	flex-wrap:wrap;
	padding-top:2%;
	justify-content:space-around;
	padding-bottom: 4%;
}
.individual-flex-container > div {
   background-color: #006699;
   color:#FFFFFF;
   width: 48%;
   font-size:1.8rem;
   margin-top:0;  
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.individual-1-picture-format
{
   border-radius:2rem;
   width:96%;
   height:97%;
   margin-top:4%;
   margin-left:0;
   /*max-width:100%;
   max-height:100%;*/	
}
.individual-2-picture-format
{
   border-radius:2rem;
   width:96%;
   height:93%;
   margin-top:6%;  
   margin-left:3%;
   
   /*max-width:100%;
   max-height:100%;*/	
}
#individual-scheduler-text
{
    margin-left:3%;
}
.individual-scheduler {
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%*/;
   height:auto;
   margin-top:4%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
}
.individual-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:2rem;
   font-weight:bold;
   
   text-transform:uppercase;  
}


.align-para
{
	margin-left:3%;
	margin-top:8%;
}
.family-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:2%;
}
.family-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 48%;
   font-size:1.8rem;
   margin-top:0;
  padding-bottom:2%;
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   
}
.family-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%*/;
   height:auto;
   margin-top:4%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
}

#family-scheduler-text
{
    margin-left:3%;
}
.family-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:2rem;
   font-weight:bold;
   
   text-transform:uppercase;  
  
}
.family-1-picture-format
{
   border-radius:2rem;
   width:94%;
   height:93%;
   margin-top:6%;
   /*max-width:100%;*/
   margin-left:6%;
   max-height:100%;	
}
.family-2-picture-format
{
   border-radius:2rem;
   width:94%;
   height:94%;
   margin-top:6%;
   /*margin-left:4%;*/
   /*max-width:100%;
   max-height:100%;*/	
}
.group-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:2%;
	
}
.group-flex-container > div {
   background-color: #006699;
   color:#FFFFFF;
   width: 47%;
   font-size:1.9rem;
    margin-top:0%;  
   /* text-align: center;*/
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.group-scheduler 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:2%;
}  
.group-scheduler  > div {
   background-color:#FFFFFF;
   color:#000000;
   width: 58%;
   height:100%;
   font-size:1.2rem;
   padding-bottom:1%;
   margin-left:0;
   margin-top:35%;
   border-radius:2rem;
}
.group-schedule-button 
{
   display:block;
   width:42%;
   height:2.5rem;
   font-weight:bold;
   font-size:1.2rem;
   text-transform:uppercase;  
}    
#group-scheduler-text
{
   margin-left:3%;
}
.group-1-picture-format
{
   border-radius:4rem;
   width:98%;
   height:92%;
   margin-top:7%;
   /*max-width:100%;
   max-height:100%;*/	
}
.group-2-picture-format
{
   border-radius:2rem;
   width:100%;
   height:86%;
   margin-top:5%;
   /*max-width:100%;
   max-height:100%;*/	
}

.group-benefits 
{
  /*width:40%;*/
  height:auto; /*200px;*/
  border-radius:5%;
  background-color:#006699;
  color:#FFFFFF;
  /*display: inline-block;*/
 /* margin-left:7%;*/
  float:left;
}      


.case-management-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;  
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:2%;
}
.case-management-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 48%;
   margin:1%;
   font-size:1.94rem;
   margin-top:0;
   /* text-align: center;*/
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}   

.case-managers
{
   padding-top:6%;
}   
.case-management-1-picture-format
{
   border-radius:2rem;
   width:100%;
   height:90%;
   margin-top:7%;
   /*max-width:100%;
   max-height:100%;*/	
}	     
.case-management-2-picture-format
{
   border-radius:2rem;
   width:98%;
   height:84%;
   margin-top:7%;
   /*max-width:100%;
   max-height:100%;*/
}	
.case-management-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%*/;
   height:auto;
   margin-top:1%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
}
#case-management-scheduler-text
{
     margin-left:3%;
}
.case-management-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:1.94rem;
   font-weight:bold;
   
   text-transform:uppercase;  
}
.psychosocial-flex-container
{ 
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:  flex;  
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-around;
   padding-top:2%;
   /*padding-bottom:2%;*/
 }
.psychosocial-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 41%;
   font-size:1.94rem;
   margin-top:0;
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.psychosocial-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%;*/
   font-size:1.94rem;   
   height:100%;
   margin-top:4%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
} 
.psychosocial-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:2rem;
   font-weight:bold;
   
   text-transform:uppercase;  
}
.psychosocial-1-picture-format
{
   border-radius:4rem;
   width:100%;
   height:97%;
   margin-top:7%;
   /*max-width:100%;
   max-height:100%;*/	
}
.psychosocial-2-picture-format
{
   border-radius:2rem;
   width:100%;
   height:94%;
   margin-top:5%;
   /*max-width:100%;
   max-height:100%;*/	
}  
#psychosocial-scheduler-text
{
    margin-left:4%;
}


.img-community-resources
{
   width:100%; 
   height:100%;
   padding:0;
   float:none;
}
.resources-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	
	/*margin-left:2%;*/
}
.resources-flex-container > div {
  background-color: #FFFFFF;
  color:#000000;
  width:50%;
  margin-top:6%;
}
#resources
{
	margin-left:5%;
	margin-right:2%;
}
.scheduler {
  width: 30%;
  height: 240px;
  border-radius: 5px;
  background-color:#f2f2f2;
  color:#000000;
  margin-top: 1em;
  display: inline-block;
  margin-left: 25em;
}
.diversity-scheduler {
  width: 30%;
  height: 240px;
  border-radius: 5px;
  /*background-color:#f2f2f2;*/
  background-color:#869dc7;
  /*color:#000000;*/
  color:#FFFFFF;
  margin-top: 1em;
  display: inline-block;
  margin-left: 30em;
}
/*=============When to seek help */

.when-2-seek-help-flex-container
{ 
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:  flex;  
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-around;
   padding-top:2%;
   /*padding-bottom:2%;*/
 }
.when-2-seek-help-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 45%;
   margin-top:0;
   font-size:1.6rem;
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.when-2-seek-help-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30;%*/
   font-size:1.6rem;   
   height:auto;
   margin-top:4%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
} 
.when-2-seek-help-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:2rem;
   font-weight:bold;
   
   text-transform:uppercase;  
}
.when-2-seek-help-1-picture-format
{
   border-radius:4rem;
   width:100%;
   height:96%;
   margin-top:6%;
   margin-left:0;
   /*max-width:100%;
   max-height:100%;*/	
}
.when-2-seek-help-2-picture-format
{
   border-radius:2rem;
   width:98%;
   height:96%;
   margin-top:4%;
   margin-left:0;
   /*max-width:100%;
   max-height:100%;*/	
}  
.when-2-seek-help-3-picture-format
{
   border-radius:2rem;
   width:100%;
   height:74%;
   margin-top:5%;
   /*max-width:100%;
   max-height:100%;*/	
}  
#when-2-seek-help-scheduler-text
{
    margin-left:3%;
}
/*=============When to seek help*/

/*+++++++++++++++Our Therapists++++++++++++++++++++++++*/
.our-therapists-flex-container
{ 
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display:  flex;  
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-around;
   /*align-items:strech;*/
   padding-top:2%;
   /*padding-bottom:2%;*/
 }
.our-therapists-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 43%;
   font-size: 1.94rem; /*1.94rem;*/
   margin-top:0;
   /*padding-bottom:1%;*/
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.our-therapists-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:40%; /*30;%*/
   font-size:1.6rem;   
   height:auto;
   margin-top:4%;
   margin-left:30%;
   margin-right:30%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
} 
.our-therapists-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:34%;
   height:3.5rem;
   font-size:2rem;
   font-weight:bold;
   
   text-transform:uppercase;  
}
.our-therapists-1-picture-format
{
   border-radius:4rem;
   width:100%;
   height:92%;
   margin-top:8%;
   /*max-width:100%;
   max-height:100%;*/	
}
.our-therapists-2-picture-format
{
   border-radius:4rem;
   width:100%;
   height:97%;
   margin-top:5%;
   /*max-width:100%;
   max-height:100%;*/	
}  
.our-therapists-3-picture-format
{
   border-radius:4rem;
   width:100%;
   height:97%;
   padding-top:6%;
   /*max-width:100%;
   max-height:100%;*/	
}  
#our-therapists-scheduler-text
{
    margin-left:3%;
}
/*++++++++++++++++++++++++++++++++++++++=*/

	
.isolated-paragraph
{
    margin-left:2%;
}

.floatedleft
{
	float:left;
	margin-right:2em;
}
#floatedright
{
	float:right;
	margin-right:4em;
}
.clear
{
	clear:both;
} 
.job-application-container {
  width: 100%;
  height: 100%; /*680px;*/
  border-radius: 5px;
  justify-content:center;
  background-color:#f2f2f2;
  color:#000000;
  padding:0;
  margin-top:1%;
  display: inline-block;
  margin-left:0;
  margin-right:0;
  padding-bottom:3%;
}
#contact
{
    margin-left:0;
}
label {
  padding: 25px 8px 8px 18px;
  font-family: Georgia, "Times New Roman", sans-serif;
  display: inline-block;
}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type=email], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type=tel], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type=submit] {
  background-color:#006699;
  color: white;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-left:20%;
  position:relative;
}
input[type=file] {
  display:flex;
  background-color:#006699;
  color: white;
  padding: 8px 18px;
  border-radius: 10px;
  cursor: pointer;
  margin-left:52%;
  position:relative;
}
.diversity-button
{
  display:block;
  margin-right:0;
  padding:1em;
}
.buttons
{
   display:flex;
   align-items:center;
   margin-left:6%;
}
.new-button 
{
   display:inline-block;
   margin-left:50%;
   padding:0;
}
.apply-button 
{
   display:inline-block;
   margin-left:39%;
   padding:0;
}
.new-j-button 
{
   display:inline-block;
   align-items:center;
   margin-left:58%;
   padding:0;
}
.button-wrap 
{
  position: relative;
}
/*input[type=submit]:hover {
  background-color: #00005D;
}*/
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 74%;
  margin-top: 28px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
form
{
    /*display: inline-block; */
    /* reduces the width of the form to only what is necessary */
	padding-top:1em;
	margin-right:0;
	margin-left:0;
}
input[type=button] {
  background-color:#00005D;
  color: white;
  padding: 8px 15px;
  border: none;
  border-radius:5px;
  cursor: pointer;
 /* margin-left:8em;*/
 margin-left:30%;
}
/*input[type=button]:hover {
  background-color: #006699;
}*/
.marquee 
{
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
/*.marquee h1
{
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}*/
iframe
{
	/*margin-right:30em;*/
	margin-right:0;
	width:100%;
	height:100%; /*350px;*/
}
.contact-flex-display
{
   display: inline-block;
   justify-content:center; /*space-evenly;*/
    margin-right:auto;
    margin-left:auto;
    height:auto;
    padding:1em;
}

.contact-container {
  width: 100%;
  height: 100%; /*680px;*/
  border-radius: 5px;
  justify-content:center;
  background-color:#f2f2f2;
  color:#000000;
  padding:0;
  margin-top:1%;
  display: inline-block;
  margin-left:0;
  margin-right:0;
  padding-bottom:3%;
}
#ndtc-office
{
   margin-left:2%;
}
#ndtc-main-office
{
   padding-top:3%;
   margin-left:28%;
   font-size:80%;
}
address 
{
   display: block;
   font-style: italic;
   margin-left:1%;
}
.contact-office-hours
{
   padding-top:4%;
   margin-left:0;
}
#contact-office-hours
{
   margin-left:7%;
}
/* Beginning Employment Form New Design*/
.employment-flex-container
{ 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:  flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:2%;
	/*padding-bottom:2%;*/
}
.employment-flex-container > div 
{
   background-color: #006699;
   color:#FFFFFF;
   width: 48%;
   /*margin:2%;*/
   font-size:1.9rem;
   margin-top:0%;
   /*text-align: center;*/
   /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
}
.employment-scheduler 
{
   background-color:#FFFFFF;
   color:#000000;
   width:50%; /*30%;*/
   height:100%;
   font-size:1.9rem;
   margin-top:4%;
   margin-left:25%;
   margin-right:25%;
   padding-top:1%;
   padding-bottom: 1%;	   
   border-radius:2em;	
   position:relative;
}

#employment-scheduler-text
{
     margin-left:4%;
}
.employment-schedule-button 
{
   display:inline-block;
   max-width:100%;
   width:44%;
   height:4.5rem;
   font-size:2rem;
   font-weight:bold;
   margin-top:1%;
   text-transform:uppercase;  
}
.employment-1-picture-format
{
   border-radius:2rem;
   width:97%;
   height:95%;
   margin-top:7%;
   margin-left:0%;
   /*max-width:100%;
   max-height:100%;*/	
}
.employment-2-picture-format
{
   border-radius:2rem;
   width:100%;
   height:90%;
   margin-top:6%;
   margin-left:1%;
   /*max-width:100%;
   max-height:100%;*/	
}
/* End Employment Form New Design*/		
.assessment-office-hours
{
   margin-left:0%;
}
.apply-para-align
{
	margin-left:1%;
	margin-top:4%;
}
@keyframes marquee 
{
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
.office-hours
{
    margin-left:8em;
}
/*++++++++++++++++++Social Media Buttons+++++++++++++++++++++++*/
.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
  margin-left:35%;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}
/*++++++++++++++++++SOcial Media Links+++++++++++++++++++++++++*/
@media only screen and (max-width: 64em) 
{
   body 
   { 
      background-color:#869dc7;
	  color:#FFFFFF;    	/* Set text color to white */
	  font-family: Georgia, "Times New Roman", sans-serif;
	  width:100%; 
	  min-width: 750px;
	  margin:0; 	/*--New--*/
	  padding:0; 	/*--New--*/
	  line-height: 1.4;
      font-size: 1.4em;
   }
   h1
   {
      height: 40px;
      font-size: 1.5em;
      text-shadow: 3px 3px 3px #90745D;
   }
	header
	{
		height:150px;
		/*padding-top:1px;*/	/*--New--*/
	}
   header img
   {
	   width:20%;
	   float:right;
	   height:150px;
	   border-radius:50%;
	   margin-top: 0;
	   margin-right:1em;
	   margin-bottom:2em;
	   
    }
	main
	{
		padding-top:0;			/*--New--*/
		padding-bottom:2em;	/*--New--*/
		padding-left:1em;		/*--New--*/
		padding-right:1em;		/*--New--*/
		margin:0;				/*--New--*/
		display: inline-block;
		/*font-size:90%;*/			/*--New--*/
		clear:both;				/*--New--*/
	}
    main p
    {
	  /*font-family:Georgia, "Times New Roman", sans-serif;*/
	  margin-left:0;
	  margin-right:0;
    }
	dl
	{
		padding-left:0;		/*--New--*/
		padding-right:1em;		/*--New--*/
		/*padding-top:1em;
		padding-bottom:1em;*/
	}
	main ul
	{
		margin-left:0;		/*--New--*/
	}   
   div ul > li
   {
	  margin-left:0;
   }   
   main div ul > li
   {
	  margin-left:2%;
	  padding:0.5rem;
   }   
   main div > p
   {
	   margin-left:0;
	   margin-right:0;
   }
 
   nav ul { list-style-type: none; 
        /*margin: 0;*/  
		margin-left:0; /* New from 0*/
   }  
   nav ul li
   {
	   margin-left:0;
	   font-size:90%;
   }
   #wrapper
   {
      width:auto;		/*--New--*/	
	  color:#FFFFFF; 
	  background-color: #006699;
	  min-width: 0;	/*--New--*/
	  margin:0;		/*--New--*/
	  padding:0;		/*--New--*/
	  max-width: 1280px;
   }
   #ndtc-main-office
   {
      padding-top:4%;
      margin-left:30%;
	  font-size:72%;
   }
   .assessment-request-flex-container
   { 
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display:  flex;  
	   flex-direction:row;
	   flex-wrap:wrap;
	   justify-content:center;
	   padding-top:2%;
   }
   .assessment-request-flex-container > div 
   {
      background-color:#FFFFFF;
      color:#000000;
      width: 37%;
      height:100%;
	  font-size:1.2rem;
      padding-bottom:1%;
      border-radius:2rem;
   }
   .assessment-request-button
   {
      display:block;
      width:40%;
      height:2.5rem;
      font-size:1.2rem;
      font-weight:bold;
      text-transform:uppercase;   
   }
   .ind-flex-container
   { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display:  flex; 
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-around; 
      /*padding-top:5%;*/
	  margin-left:0; /* New */
	  margin-right:0;
	  margin-top:0;
   }
   .ind-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width:45%; /*100%*/
      height:100%;
      margin:0;
      /*border: 0.25px inset #869dc7;*/ /*from #000000;*/
   }
   .join-ndtc-staff 
   {
      width:40%;
      height:auto;
      border-radius:5%;
      background-color:#f2f2f2;
      color:#000000;
      margin-left:36%;
      padding-bottom:1%;
      display: inline-block;
      margin-top:1%;
   }
   #join-ndtc-staff-text
   {
	  padding-top:2%;
      margin-left:6%;
   }
   .home-flex-container
   { 
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display:  flex; 
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-around;
	  /*padding-top:2%;*/
   }
   .home-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width: 48%;
      margin:1%;
      font-size:1.47rem;
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }

   .img-diversity-format
    {
       border-radius:2rem;
       width:100%;
       height:97%;
       margin-top:2%;
       max-width:100%;
       max-height:100%;
    }	
   .home-contact-button 
   {
      width:22%;
	  margin-left:39%;
      margin-right:39%;
   }
   .mission
   { 
      float:left;
	  width: 40%;
	  height: 265px;
      /*padding:10px; */
	  margin: 20px; 
   }
   .mission-picture-format
   {
       border-radius:2rem;
       width:100%;
       height:90%;
       margin-top:6%;
       max-width:100%;
       max-height:100%;			   
   }
   .mission-scheduler 
   {
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:100%;
      margin-top:4%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
   }
   .mission-schedule-button 
   {
      display:inline-block;
      width:52%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase; 
    }
   .flex-container
   { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
   }
   .flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width: 42%;
      margin:0;
      font-size:1.5rem;
	  padding-top:0;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   }
   #mission-scheduler-text
   {
      margin-left:2%;
   }
   .individual-flex-container
   { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
   }
   .individual-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width: 45%;
      margin-top:0;
      font-size:1.3rem;
	  padding-top:0;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   }
   #individual-scheduler-text
   {
      margin-left:4%;
   }
   .individual-1-picture-format
   {
      /*border-radius:2rem;*/
      width: 100%;
      height: 97%; /*96%;*/
      /*margin-top:6%;*/
      max-width:100%;
      max-height:100%;
	  margin-left:0;
   }
   .individual-2-picture-format
   {
       /*border-radius:2rem;*/
       width:96%;
       height:98%;
       padding-top:0;
	   padding-top:0;
	   margin-left:4%;
       max-width:100%;
       max-height:100%;	
   }
   #individual-scheduler-text
   {
       margin-left:4%;
   }
   .individual-scheduler 
   {
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:100%;
      margin-top:6%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
   }
   .individual-schedule-button 
   {
      display:inline-block;
      width:48%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase; 
    }
    .family-scheduler 
    {
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:auto;
      margin-top:4%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative
   }
   .family-schedule-button 
   {
      display:inline-block;
      width:45%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   }   
   .family-flex-container
   { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-around;
   }
   .family-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width: 46%;
      margin:0%;
      font-size:1.3rem;
	  padding:0;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   } 
   .family-1-picture-format
   {
      /* border-radius:2rem; */
      width:94%;
      height:90%; /*95%;*/
      padding-top:0;
	  margin-top:8%;
      max-width:100%;
      max-height:100%;
   }
   .family-2-picture-format
   {
       border-radius:2rem;
       width:100%;
       height:95%;
       margin-top:6%;
	   margin-left:0%;
       max-width:100%;
       max-height:100%;		
   }

   #family-scheduler-text
   {
      margin-left:8%;
   }   
   .align-para
   {
	  margin-left:0;
	  margin-top:2%;
   }     
   .group-flex-container
   { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
	  padding:0;
   }
   .group-flex-container > div {
      background-color: #006699;
      color:#FFFFFF;
      width: 40%;
	  height:auto;
      font-size:1.3rem;
	  padding:0;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }
    .group-1-picture-format
    {
      border-radius:2rem;
      width:100%;
      height:99%; /*95%;*/
      margin:0;
      max-width:100%;
      max-height:100%;
    }
    .group-2-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:98%;
       margin-top:2%;
       max-width:100%;
       max-height:100%;			
    }	
    .group-scheduler 
    {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display:  flex;  
	   flex-direction:row;
	   flex-wrap:wrap;
	   justify-content:center;
	   padding-top:2%;
    }  
    .group-scheduler  > div {
        background-color:#FFFFFF;
        color:#000000;
        width: 97%;
        height:100%;
        font-size:1.2rem;
        padding-bottom:1%;
        margin-left:0%;
        margin-top:35%;
        border-radius:2rem;
    }
    .group-schedule-button 
    {
       display:block;
       width:47%;
       height:2.5rem;
       font-weight:bold;
       font-size:1.2rem;
       text-transform:uppercase;  
   }    	
    #group-scheduler-text
    {
       margin-left:5%;
    }
	

    .case-management-flex-container
    { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:center; /*space-evenly;*/
    }
    .case-management-flex-container > div 
    {
      background-color: #006699;
      color:#FFFFFF;
      width: 45%;
      margin:2%;
      font-size:1.4rem;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }   
    .case-management-1-picture-format
    {
      border-radius:2rem;
      width:100%;
      height:95%; /*95%;*/
      margin-top:5%;
      max-width:100%;
      max-height:100%;
    }	     
    .case-management-2-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:94%;
       margin-top:2%;
       max-width:100%;
       max-height:100%;		
    }	
    .case-management-scheduler 
    {
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:auto;
      margin-top:4%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
    }
    #case-management-scheduler-text
    {
      margin-left:8%;
    }
    .case-management-schedule-button 
    {
      display:inline-block;
      width:50%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   
      text-transform:uppercase;  
    }
    .psychosocial-flex-container
    { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
    }
    .psychosocial-flex-container > div 
	{
      background-color: #006699;
      color:#FFFFFF;
      width: 45%;
      font-size:1.56rem;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }
    .psychosocial-scheduler 
	{
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:100%;
	  font-size:1.56rem;
      margin-top:4%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
    } 
    .psychosocial-1-picture-format
    {
      border-radius:2rem;
      width:96%;
      height:97%; /*95%;*/
      margin-top:3%;
      max-width:100%;
      max-height:100%;
    }
    .psychosocial-2-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:94%;
       margin-top:4%;
       max-width:100%;
       max-height:100%;	
    } 
    .psychosocial-schedule-button 
    {
       display:inline-block;
       width:50%;
       height:2.5em;
       font-size:1em;
       font-weight:bold;
       text-transform:uppercase;  
   
       text-transform:uppercase;
    }    	
    #psychosocial-scheduler-text
	{
		margin-left:2%;
	}
	/*+++++++++++++++++++++++++++++++++++++++*/
	.when-2-seek-help-flex-container
    { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
    }
    .when-2-seek-help-flex-container > div 
	{
      background-color: #006699;
      color:#FFFFFF;
      width: 45%;
      /*margin:2%;*/
      font-size:1.2rem;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }
    .when-2-seek-help-scheduler 
	{
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:100%;
	  font-size:1.2rem;
      margin-top:6%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
    } 
    .when-2-seek-help-schedule-button 
    {
      display:inline-block;
      width:38%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   
      text-transform:uppercase;  
    }	
    .when-2-seek-help-1-picture-format
    {
      border-radius:2rem;
      width:97%;
      height:95%; /*95%;*/
      margin-top:5%;
      max-width:100%;
      max-height:100%;
    }
    .when-2-seek-help-2-picture-format
    {
       border-radius:2rem;
       width:97%;
       height:98%;
       margin-top:2%;
       max-width:100%;
       max-height:100%;	
    }  
    .when-2-seek-help-3-picture-format
    {
       border-radius:2rem;
       width:98%;
       height:80%;
       margin-top:6%;
       max-width:100%;
       max-height:100%;	
    }  	
    #when-2-seek-help-scheduler-text
	{
		margin-left:2%;
	}
	/*++++++++++++++++++++++++++++++++++++++++*/
	
   /*++++++++++++++++++++Our-Therapists+++++++*/
	.our-therapists-flex-container
    { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
    }
    .our-therapists-flex-container > div 
	{
      background-color: #006699;
      color:#FFFFFF;
      width: 46%;
      font-size:1.55rem;
	  /*margin:1%;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
    }
    .our-therapists-scheduler 
	{
      background-color:#FFFFFF;
      color:#000000;
      width:40%; /*30%; */
      font-size:1.4rem;
      height:100%;
      margin-top:4%;
      margin-left:30%;
      margin-right:30%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
    } 
    .our-therapists-schedule-button 
    {
      display:inline-block;
      width:48%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   
      text-transform:uppercase;  
    }	
    .our-therapists-1-picture-format
    {
      border-radius:2rem;
      width:98%;
      height:92%; /*95%;*/
      margin-top:6%;
      max-width:100%;
      max-height:100%;
    }
    .our-therapists-2-picture-format
    {
       border-radius:2rem;
       width:97%;
       height:97%;
       margin-top:4%;
       max-width:100%;
       max-height:100%;	
    }  
    .our-therapists-3-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:92%;
       padding-top:4%;
       max-width:100%;
       max-height:100%;	
    }  	
    #our-therapists-scheduler-text
	{
		margin-left:2%;
	}
   /*++++++++++++++++++++Our Therapists+++++++*/

/*++++++++++++++++++Employment Redesign++++++++*/
    .employment-scheduler 
    {
      background-color:#FFFFFF;
      color:#000000;
      width:50%; /*30%*/;
      height:100%;
	  font-size:1.2rem;
      margin-top:4%;
      margin-left:25%;
      margin-right:25%;
      padding-top:1%;
      padding-bottom: 1%;	   
      border-radius:2em;	
      position:relative;
   }
   .employment-schedule-button 
   {
      display:inline-block;
      width:38%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   }   
   .employment-flex-container
   { 
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap;
	  justify-content:space-evenly;
   }
   .employment-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width: 45%;
      margin:0;
      font-size:1.2rem;
      /* text-align: center;*/
      /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   } 
   .employment-1-picture-format
   {
      border-radius:2rem;
      width:97%;
      height:95%; /*95%;*/
      margin-top:5%;
      max-width:100%;
      max-height:100%;
   }
   .employment-2-picture-format
   {
       border-radius:2rem;
       width:93%;
       height:93%;
       margin-top:6%;
       max-width:100%;
       max-height:100%;		
   }

   #employment-scheduler-text
   {
      margin-left:8%;
   }   
/*++++++++++++++++++Employment Redesign+++++++++*/
  .img-community-resources
  {
     width:100%; 
     height: 100%;
     padding:0;
  }
  .resources-flex-container
  { 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
  }
  .resources-flex-container > div 
  {
    background-color: #FFFFFF;
    color:#000000;
    width:50%;
	font-size:1.0rem;
  }
  .contact-flex-display
   {
      display:flex;
      justify-content:center;
      margin-right:auto;
      margin-left:auto;
      height:auto;
      padding:0;
   }

   .contact-container 
   {
      width: 100%;
      height:100%; /*800px;*/
      border-radius: 5px;
      background-color:#f2f2f2;
      color:#000000;
      padding: 0;
      display: inline-block;
      margin-left: 0.1%;
	  margin-right:0;
	  padding-bottom:3%;
      /*margin-right: 0.5em;*/
   }
   .container 
   {
      width: 100%;
      height:100%; /*800px;*/
      border-radius: 5px;
      background-color:#f2f2f2;
      color:#000000;
      padding: 0;
      display: inline-block;
      margin-left: 0.1%;
	  padding-bottom:3%;
      /*margin-right: 0.5em;*/
   }
   .contact-office-hours
   {
      padding-top:0;
      margin-left:0;
   }  
   .job-application-container 
   {
      width: 100%;
      height:100%; /*800px;*/
      border-radius: 5px;
      background-color:#f2f2f2;
      color:#000000;
      padding: 0;
      display: inline-block;
      margin-left: 0.1%;
	  padding-bottom:3%;
      /*margin-right: 0.5em;*/
   }  
/* Beginning Employment Form New Design*/	
   .available-position
   {
      font-size:100%;
   }
   .picture
   {
      width: 47%;
	  padding-top:8%;
	  margin-right:3%;
	  position:relative;
	}			   
	.apply-for-position
	{
	   width: 80%;
	   font-size:100%;
	   margin-top:0;
	   margin-left:10%;
	   margin-right:10%;
	}						   
	.job-scheduler
	{
	   width:40%;
	   height:auto;
	   margin-left:30%;
	   margin-right:30%;
       padding-bottom:1%;				 
    }	
    .job-apply-button 
    {
       display:inline-block;
	   width:auto;
	   height:auto;
	   font-size:100%;
    }						  
	#join-ndtc-staff-text
    {
	   margin-left:1.2em;
	   font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	   font-size:100%;
    }	
/* End Employment Form New Design*/				 
	iframe
    {
	   margin:0;
	   width:100%;
	   height:100%;
    }
    form
    {
	   padding:0;
	   margin:0;
    }   
   .diversity-button
    {
       display:block;
       margin-right:0;
       padding:1em;
	   margin-left:7em;
   }	
   .buttons
   {
      display:block;
      align-items:center;
      margin-left:0;
   }
  .new-button 
   {
      display:block;
      /*align-items:center;*/
      margin-left:8%;
      padding:0;
   }
   .new-j-button 
   {
      display:inline-block;
      margin-left:54%;
      padding:0; 
   }
   label 
   {
     padding: 25px 8px 12px 15px;
     font-family: Georgia, "Times New Roman", serif;
     display: inline-block;
   }
   input[type=text], select, textarea 
   {
     width: 98%;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 4px;
    resize: vertical;
   }
   input[type=email], select, textarea 
   {
     width: 98%;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 4px;
     resize: vertical;
   }
   input[type=tel], select, textarea 
   {
     width: 98%;
     padding: 12px;
     border: 1px solid #ccc;
     border-radius: 4px;
     resize: vertical;
   }
   input[type=button] 
   {
	  background-color:#00005D;
	  color: white;
	  padding: 8px 15px;
	  border: none;
	  border-radius:5px;
	  cursor: pointer;
	  margin-left:27%;
	}
    input[type=submit] 
    {
       background-color:#00005D;
       color: white;
       padding: 8px 20px;
       border: none;
       border-radius: 4px;
       cursor: pointer;
       margin-left:0%;
       position:relative;
    }
    input[type=file] 
    {
       display:flex;
       background-color:#00005D;
       color: white;
       padding: 8px 18px;
       border-radius: 10px;
       cursor: pointer;
       margin-left:38%;
       position:relative;
    }
	

	.floatedleft
	{
		float:left;
		margin-left:2em;		/*--New--*/
		margin-bottom:1em;		/*--New--*/
	}
	.clear
	{
		clear:both;
		padding-left:2em;		/*--New--*/
	}
   .fa-facebook 
   {
      background: #3B5998;
      color: white;
      margin-left:28%;
	  margin-top:25%;
   }	
}
@media only screen and (max-width: 37.5em) 
{
   body 
   { 
      background-color:#869dc7;
	  color:#FFFFFF;    	/* Set text color to white */
	  font-family:Verdana, Arial,sans-serif;
	  width:auto; 
	  min-width: 320px;
	  line-height: 1.0;
      font-size:1.2rem; /*1.2em;*/ /*fixed navigation issue*/
   }
   h1
   {
      height: auto;
      font-size:auto;
      text-shadow: 3px 3px 3px #000000;
	  margin:0;	
      padding:0;	  
   }

   nav
   {
      text-align:center;
	  float:none;				/*--New--*/
	  width:100%;			    /*--New--*/
	  display:inline-block;
	  /*font-size:1.2rem;*/
	  padding:0;
	  margin:0;
	}
	
	nav a
	{
		text-decoration:none;
		/*display:inline-block;*/
		padding: 0;		/*--New--*/
		width:100%;	/*auto*/					/*--New--*/
		margin-left:0;
		margin-right:3em;
        display: block;
	}
/*+++++++++++++++++++Hamburger Menu+++++++++++++++++++++++++++*/
    nav #myLinks 
    {
       display: none;
    }
    nav  a.icon
    {
      position: relative;
	  display:inline-block;      
      /*right: 0;
      top: 0;*/
	  margin:0;
	  padding:0;
	  font-size: 47px;
	  text-align:right;
	  padding-right:8%;
    }
/*+++++++++++++++++++Hamburger Menu++++++++++++++++++++++++++++*/	
	nav ul > li
	{ 
		margin-left:0; /* New from 0*/
		display:block;
	}
    main
    {
       /*padding:3em;
	   padding-top:0;*/
	   width:auto;
	   height:auto;
	   /*padding-bottom:3em;*/
	   /*padding-left:3em;
	   padding-right:3em;*/
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	   /*min-height: 750px;*/
	   line-height: 1.5;
       /*font-size: 100%;*/
       font-family:sans-serif;	   
    }	   
    main div > p
    {
      margin:0;
	  padding:0;
    }	
    main p
   {
		margin:0;
   }
   main ul > li
   {
      margin-left:0;
   }
   #ndtc-main-office
   {
      padding-top:4%;
      margin-left:30%;
	  font-size:72%;
	  display:none;
   }
   p, dl
   {
      padding-left:1em;		/*--New--*/
	  padding-right:1em;		/*--New--*/
	  padding-top:1em;
	  padding-bottom:1em;
   }
   main div ul > li
   {
      margin-left:0; /*5%;*/
   }	
	main ul
	{
		margin-left:0;	/*--New--06/06/2020*/
	}
   .fa-facebook 
   {
      background: #3B5998;
      color: white;
      margin-left:20%;
   }
	
  .assessment-request-flex-container
   { 
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display:  flex;  
	   flex-direction:row;
	   flex-wrap:wrap;
	   justify-content:center;
	   padding-top:2%;
   }
   .assessment-request-flex-container > div 
   {
     background-color: #006699;
     color:#FFFFFF;
     width: 80%;
	 max-width:100%;
	 height:100%;
     margin:2%;
     font-size:80%;
     /* text-align: center;*/
     /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
   }
   .assessment-request-button
   {
      display:block;
      width:40%;
	  max-width:100%;
      height:2.5rem;
      /*font-size:1.2rem;*/
	   font-size:90%;
      font-weight:bold;
      text-transform:uppercase;   
   }	
    .ind-flex-container
    { 
	   display:flex;
	   flex-direction:row;
	   flex-wrap:wrap;
	   justify-content:space-evenly; 
	   padding:0;
	   margin:0;
    }
    .ind-flex-container > div 
    {
       background-color: #006699;
	   color:#FFFFFF;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
       /*border: medium inset #000000;*/
    }
	
    .contact-flex-display
    {
       display:flex;
       /*display: inline-block;*/
       flex-direction:column;
       flex-wrap:nowrap;
       /*justify-content:center;*/
       /*margin-right:auto;
       margin-left:auto;*/
       height:100%;
       width:100%;
       padding:6px;
       margin:0;
    }
/* Beginning Employment Form New Design*/	
	.available-position, .apply-for-position
	{
	   width: 100%;
	   font-size:1.3em;
	   margin:0;
	   padding:0;
	}
	.job-scheduler
	{
	   width:100%;
	   height:auto;
	   margin-left:0;
	   margin-right:0;
	   margin-top:2%;
       font-size:100%;	
       display:inline-block;				  
	}
	.picture
	{
	   width: 100%;
	   margin:0;
	   padding:0;
	   display:inline-block;
	}
/* End Employment Form New Design*/		
	iframe
    {
	   margin:0;
	   padding:0;
	   width:100%;
	   height:100%;
    }
    form
    {
	   padding:0;
	   margin:0;
    }   
	h3
	{ 
	   color: #000000; 
	   font-family: Georgia, "Times New Roman", serif;
	   padding:0;
	   text-align:center;
	}
	input[type=button] 
	{
		background-color:#00005D;
		color: white;
		border: none;
		border-radius:5px;
		cursor: pointer;
		/*margin-left:5.5em;*/
		margin-left:30%;
		margin-right:0;
		margin-top:6%;
	}
	input[type=submit] 
	{
		background-color:#00005D;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius:5px;
		cursor: pointer;
		/*margin-left:9em;*/ /* Set to '0' below on 6/6/2020 */
		margin-left:0;
		margin-right:0;
	}
    input[type=file] 
    {
       display:inline-block;
       background-color:#006699;
       color: white;
       padding: 8px 9px 8px 4px;
       /*padding:0; */
       border-radius: 10px;
       cursor: pointer;
       margin-left:0;
       position:relative;
    }	

	.marquee 
	{
		overflow: hidden;
		box-sizing: border-box;
	}

	.marquee h1
	{
		display: inline-block;
		animation: marquee 10s linear infinite;
	}
/*	@keyframes marquee 
	{
		0%   { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
	}*/
	.container 
	{
		border-radius: 5px;
		background-color:#f2f2f2;
		color:#000000;
		width:100%;
		height:100%;
		display: inline-block;
		margin:0;
		padding:0;
	}
	.job-application-container 
	{
		border-radius: 5px;
		background-color:#f2f2f2;
		color:#000000;
		width:100%;
		height:100%;
		display: inline-block;
		margin:0;
		padding:0;
	}	
	.contact-container 
	{
      width:100%;
      height:100%;
      display:inline-block;
      border-radius: 5px;
      background-color:#f2f2f2;
      color:#000000;
      padding:0;
      margin:0;
    }
	label 
	{
		padding: 12px 12px 12px 0;
		display:inline-block;
		margin-left:1.5em; /*NEW with bootstrap */
	}
	input[type=text], select, textarea 
	{
	    width:100%;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		resize: vertical;
	}
	input[type=email], select, textarea 
	{
	   width:100%;
	   padding: 12px;
	   border: 1px solid #ccc;
	   border-radius: 4px;
	   resize: vertical;
	}
	input[type=tel], select, textarea 
	{
		width:100%;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		resize: vertical;
	}

	/*input[type=submit]:hover 
	{
	   background-color: #00005D;
	}*/

	.mission
	{ 
		float:none;
		width: 100%;
		height:auto;
		padding:0; 
		margin: 2px; 
	}
	header img
	{
		width:0%;
		float:right;
		height:150px;
		border-radius:50%;
	}
	#wrapper 
	{  
	   min-width: 0;
	   max-width: 320px;
	   color: #FFFFFF;
	   background-color: #006699;
	   width: auto;
	   margin: auto;
	}

   .img-circle
   {
       width:100%; 
	   height:100%;
	   padding:0;
	   margin:0;
	   border-radius: 8px;
	   float:none;
   }
   .img-community-resources
   {
       width:100%; 
	   height:100%;
	   padding:0;
	   float:none;
   }

   .img-diversity-one
   {
      width: 100%;

   }
   .home-flex-container
   { 
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center; /*space-evenly;*/
   }
   .home-flex-container > div 
   {
     background-color: #006699;
     color:#FFFFFF;
     width: 100%;
	 height:100%;
     margin:2%;
     font-size:1rem;
     /* text-align: center;*/
     /*border: 0.01rem inset #869dc7;*/ /*from #000000;*/
  }

  .img-diversity-format
  {
     border-radius:2rem;
     width:100%;
     height:80%;
     margin-top:3%;
     /*max-width:100%;
     max-height:100%;*/
  }	
   .contact-us
   {
      background-color:#FFFFFF;
      color:#000000;
      width:100%; /*30%*/
      height:auto;
      padding:2%;
      margin:0%;
      border-radius:2em;	
      position:relative;
   }
   #p-diversity
   {
      padding:0;
      
   }
   .home-contact-button 
   {
      width:55%;
	  margin-left:22.5%;
	  margin-right:22.5%;
	  padding:0;
   }
   
   .img-casemanagement
   {
      width:100%; 
	  height:100%;
	  float:none;
	  padding:0;
	  margin:0;
	  border-radius: 14px;
   } 
   .mission-picture-format
   {
       border-radius:2rem;
       width:100%;
       height:auto;
       margin:0;
       max-width:100%;
       max-height:100%;			   
   }
   .mission-schedule-button 
   {
      display:inline-block;
      width:57%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase; 
    }
   
   .flex-container
	{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center; 
		margin:0;
		padding:0;
	}
   .flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width:100%;
      height:100%;
      margin:0;
      padding:0;
	  font-size:1rem;
	  margin:2%;
      /*border: 1px inset #869dc7;*/ /*from #000000;*/
    }	
   
   #mission-scheduler-text
   {
      margin-left:2%;
   }
   .mission-scheduler 
   {
     width:100%;
     height:100%;
     padding-bottom:1em;
	 margin:0;
     display:block;  
     	 
   }
   
   .individual-flex-container
	{
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center; 
		margin:0;
		padding:0;
	}
   .individual-flex-container > div 
   {
      background-color: #006699;
      color:#FFFFFF;
      width:100%;
      height:100%;
      margin:0;
      padding:0;
	  font-size:1rem;
	  margin:2%;
      /*border: 1px inset #869dc7;*/ /*from #000000;*/
    }		  
    #individual-scheduler-text
    {
      margin-left:2%;
    }
    .individual-1-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:100%;
       margin:0;
       max-width:100%;
       max-height:100%;	
       display:inline-block;  	   
    }
   .individual-2-picture-format
   {
       border-radius:2rem;
       width:100%;
       height:100%;
       margin:0;
       max-width:100%;
       max-height:100%;	
       display:none;  	   
   }
 
   .individual-scheduler 
   {
     width:100%;
     height:100%;
     padding-bottom:1em;
	 margin:0;
     display:block;  
   }
   .individual-schedule-button 
   {
      display:inline-block;
      width:57%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase; 
    }  
	header 
	{ 
		font-family: Georgia, "Times New Roman", serif;
		background-image: url(NDTC.png);
		background-size:50%;
		background-position:center;
		background-repeat: no-repeat;
	}
	.floatedleft
	{
		float:none;						/*--New--*/
		display:none;					/*--New--*/
		margin-left:4em;
	}
    #floatedright
    {
	   float:none;
	   display:inline;	
	   margin-right:4em;
    }	
    .buttons
    {
       display: inline-block;
       /*align-items:center;*/
       margin-left:35%;
       padding:0;
    }    
    .new-button 
    {
       display: inline-block;
       margin-left:35%;
       padding:0;
    }   
    .mission-button 
    {
       display:block;
       margin-left:10em;
	   margin-right:0;
       padding:0;
    }   	
    .new-j-button 
    {
       display:inline-block;
       margin-left:34%;
       padding:1em;
   }   
	footer
	{
	   background-color:#869dc7;
	   font-style:italic;
	   font-weight:bold;
	   font-size:small;
	   text-align:center;
	   padding:0.5em;					/*--New--*/
       margin:0;						/*--New--*/
	}
	#mobile
	{
		display:inline;					/*--New--*/
	}
	#desktop
	{
		display:none;					/*--New--*/
	}
    .col-25, .col-75, input[type=submit] 
    {
       width: 100%;
       margin-top: 0;
    }	
    .office-hours
    {
       margin-left:0;
    }  
 
   .ind-flex-container
   { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0
   }	
   
   .ind-flex-container > div 
   {
       background-color: #006699;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
       /*border: medium inset #000000;*/
   }  
   .join-ndtc-staff 
   {
      width:100%;
      height:auto; /*200px;*/
      margin:0;
      padding:1%;
      display: block;
   }
   #join-ndtc-staff-text
   {
	  padding-top:0;
      margin-left:0;
   }	
 
	
    .img-community-resources
    {
      width:100%;
      height:100%;
      float:none;
      margin:0;
	  padding:0;
	  display:inline-block;  
   }
   .img-wash-your-hands
   {
      width:100%;
      height:100%;
      float:none;
      margin:0;
	  padding:0;
	  display:inline-block;  
      float:none;
   }	
   
    .img-belle
    {
       width:100%; 
	   height:100%;
	   padding:0;
	   margin:0;
	   display:inline-block;
    }

    .scheduler 
    {
       width:100%;
       height:100%;
       display:inline-block;
       margin:0;
       padding:0;
    }
    .group-scheduler 
    {
       width:100%;
       height:100%;
       display:inline-block;
       margin:0;
       padding:0;
    }    
    .group-schedule-button 
    {
      display:block;
      width:57%;	  
      margin:0;
      padding:0;
    }     	
    
    .family-flex-container
    { 
	   display:flex; /*inline-block;*/
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
    }
    .family-flex-container > div 
    {
       background-color: #006699;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
	   font-size:1.0rem;
	   margin:2%;
      /* border: 1px inset #000000;*/
    }	
    .family-scheduler 
    {
     width:100%;
     height:100%; /*200px;*/
     margin:0;
     padding:1%;
     display: block;
   }
   .family-schedule-button 
   {
      display:block;
      width:57%;	  
      margin:0;
      padding:0;
   }   

   .family-1-picture-format
   {
      width:100%;
	  max-width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:block;
   }
   .family-2-picture-format
   {
      width:100%;
	  max-width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:none;
   }  
   .align-para
   {
	  margin-left:0;
	  margin-top:2%;
   }     
   .family-scheduler 
   {
     width:100%;
     height:100%;
     margin:0;
     padding:1%;
     display:inline-block;    
   }
   #family-scheduler-text
   {
      margin-left:2%;
   }   
   .img-belle-famille
   {
      width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:inline-block;
   }
    .group-flex-container
    { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
    }
    .group-flex-container > div 
    {
       background-color: #006699;
       width:100%;
       height:100%;
	   max-width:100%;
       margin:0;
       padding:0;
       /*border: 1px inset #000000;*/
	}
    .group-1-picture-format
    {
      width:100%;
	  max-width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:inline-block;
   }
   .group-2-picture-format
    {
      width:100%;
	  max-width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:inline-block;
   }  
   .group-benefits 
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      display: inline-block;  
    }      

   .case-management-flex-container
   { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
   }
   .case-management-flex-container > div 
   {
       background-color: #006699;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
       /*border: 1px inset #000000;*/
   }     
   .case-management-1-picture-format
   {
      width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:none;	
   }	     
   .case-management-2-picture-format
   {
      width:100%;
      height:100%;
      padding:0;
      margin:0;
      display:inline-block;
   }	
   
   .case-management-scheduler 
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      display: inline-block;  
	  padding:1%;
   }  
   .psychosocial-flex-container
   { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
    }
    .psychosocial-flex-container > div 
    {
       background-color: #006699;
       width:100%;
       height:100%;
	   font-size:100%;
       margin:0;
       padding:0;
       /*border: medium inset #000000;*/
    }   

   .psychosocial-scheduler 
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
	  font-size:100%;
      display: inline-block;  
   }   
    .psychosocial-1-picture-format
    {
      border-radius:2rem;
      width:100%;
      height:100%; /*95%;*/
      max-width:100%;
      max-height:100%;
	  margin:0;
	  padding:0;
    }
    .psychosocial-2-picture-format
    {
       border-radius:2rem;
       width:100%;
       height:100%;
       max-width:100%;
       max-height:100%;	
	   margin:0;
	   padding:0;
    } 
    .psychosocial-schedule-button 
    {
      display:block;
      width:57%;	  
      margin:0;
      padding:0; 
    }    	
    #psychosocial-scheduler-text
	{
		margin-left:2%;
	}
   .align-para
   {
	  margin:0;
   }  
   main div img
   {
      width:100%; 
	  height:100%;
	  padding:0;
	  margin:0;
	/*border-radius: 15px;*/
    }  
	.diversity-button
	{
		margin-right:0;
		margin-left:0;
		padding:0;
		display:inline-block;
	}
   .when-2-seek-help-flex-container
   { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
   }
   .when-2-seek-help-flex-container > div 
   {
       background-color: #006699;
       width:100%;
       height:100%;
	   font-size:100%;	   
       margin:0;
       padding:0;
   }
   .when-2-seek-help-1-picture-format
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      display:inline-block;  
   }
   .when-2-seek-help-2-picture-format
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      display:none;  
   }
   .when-2-seek-help-3-picture-format
   {
      width:100%;
      height:100%;
      margin:0;
      padding:0;
      display:inline-block;  
   }
   .when-2-seek-help-scheduler 
   {
      width:100%;
      height:100%;
	  font-size:100%;	  
      margin:0;
      padding:0;
      display: inline-block;  
   }   	
   .when-2-seek-help-schedule-button 
   {
      display:block;
      width:57%;	  
      margin:0;
      padding:0; 
   }  
     #when-2-seek-help-scheduler-text
	{
		margin-left:2%;
	}  
   .our-therapists-1-picture-format
   {
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;			  
      margin:0;
      padding:0;
      display:inline-block;  
  }
  .our-therapists-2-picture-format
  {
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;			  
      margin:0;
      padding:0;
      display:none;  
  }
  .our-therapists-3-picture-format
  {
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;			  
      margin:0;
      padding:0;
      display:inline-block;  
  } 
  .our-therapists-flex-container
  { 
	   display:flex;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0;
  }
  .our-therapists-flex-container > div 
  {
       background-color: #006699;
       width:100%;
       height:100%;
	   font-size:100%;	 	   
       margin:0;
       padding:0;
  }
  .our-therapists-scheduler 
  {
      width:100%;
      height:100%;
	  font-size:100%;	  
      margin:0;
      padding:0;
      display: inline-block;  
  }    
  .our-therapists-schedule-button 
   {
      display:block;
      width:57%;	  
      margin:0;
      padding:0; 
   }     
  #our-therapists-scheduler-text
  {
	margin-left:2%;
  }
 /*++++++++++++++++++Employment Redesign++++++++*/
    .employment-scheduler 
    {
      width:100%;
      height:100%;
      margin:0;
      padding:1%;
      display:block; 
   }
   .employment-schedule-button 
   {
      display:inline-block;
      width:38%;
      height:2.5em;
      font-size:1em;
      font-weight:bold;
      text-transform:uppercase;  
   }   
   .employment-flex-container
   { 
	   display:inline-block;
	   flex-direction:column;
	   flex-wrap:nowrap;
	   justify-content:center; 
	   padding:0;
	   margin:0
   }
   .employment-flex-container > div 
   {
       background-color: #006699;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
   } 
   .employment-1-picture-format
   {
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;	 	  
      margin:0;
      padding:0;
      display:inline-block;  
   }
   .employment-2-picture-format
   {
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;	 	  
      margin:0;
      padding:0;
      display:none;		
   }

   #employment-scheduler-text
   {
      margin-left:3%;
   }   
/*++++++++++++++++++Employment Redesign+++++++++*/ 
  .img-community-resources
  {
     width:100%;
     height:100%;
     max-width:100%;
     max-height:100%;	 	 
     margin:0;
     padding:0;
     display:block;  
  }
  .resources-flex-container
  { 
    display:inline-block;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center; 
	padding:0;
	margin:0;
  }
  .resources-flex-container > div 
  {
       /*background-color: #006699;*/
	   background-color: #FFFFFF;
       color:#000000;
       width:100%;
       height:100%;
       margin:0;
       padding:0;
  }  
  #resources
  {
	margin-left:5%;
	margin-right:2%;
  }
  .isolated-paragraph
  {
     margin-left:1em;
  }	
  .apply-button 
  {
     display:block;
     margin-left:5%;
  }
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) 
{
  .col-25, .col-75, input[type=submit] 
  {
    width: 100%;
    margin-top: 0;
  }
  iframe
  {
     margin:0;
     padding:0;
	 width:100%;
	 height:100%;
  }
}