body, p {
  font-size: 1em;
  font-family: Arial, sans-serif;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
  font-weight: 400;
	color:#ffffff;
}

/* CHANGE HEADLINE COLORS */ 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: inherit;
		color:#ffffff;
}



/* CHANGE PAGE BACKGROUND COLOR */ 
body.careerlanding {
  background-color: #ECECEC;
}

h1 {
	font-size:2.5em;
	font-weight:600;
}

.row.container {
  background-color: #ffffff;
}


.row.footer {
  background-color: #2c373d;
  color: #ffffff;
  padding: 2rem 1rem;
}

.row.footer a.disclaimer {
  color: #ffffff;
	text-decoration: underline;
}

.row.footer a:hover {
  color: #BDBDBD;
}

.text-box {
  padding: 1.5em;
    padding-top:2.5em;
}

.top-bar {
  background-color: #ffffff;
    
}

.top-bar ul {
    background-color: #ffffff;
    list-style: none;
    margin-bottom: 0;
}


.top-center {
	width:100%;
	text-align: center;
	padding: 10px;
    margin:auto;
}

/* CHANGE HERO IMAGE ON DESKTOP */ 
.hero-index {
  background: url("../img/example/example-header.jpg") no-repeat center;
  background-size: cover;
  height: 400px;
  padding: 5%;
} 

.hero-index img{
  max-width: 300px;
  margin: 0 auto;
  display: block;
}


/* CHANGE BUTTON COLORS */ 
.button {
    background-color: #97cb32 !important;
    text-transform: uppercase;
    padding:1em 2em;
}

.button:hover, .button:focus {
    background-color: #5e5e5e !important;
}


.button.full-width-button {
  width: 100%;
}

.button-group .icon {
  padding: 1rem;
  color: #ffffff;
}

.mobile-headline, .mobile {
    display:none;
}

#parent {
    background-color:#104ca8;
    color:white;
}


@media screen and (max-width: 1024px) {
	#parent { 
	display:flex;
	    flex-direction: column;

	}
	
	#parent > div {
		width:100%;
	}
	
 #child1 {
		order: 2;
	}
	
 #child2 {
		order:1;
    }


.mobile-headline {
    text-align:center;
    margin:auto;
    background-color:#104ca8;
    padding:1em;
    display:block;
}

.mobile-headline h1 {
    color:#ffffff !important;
}
    .mobile {
        display:block;
    }
    
     .desktop {
        display:none;
    }
    
    } 

@media screen and (max-width: 768px) {
/* CHANGE HERO IMAGE ON MOBILE */     
  .hero-index {
  background-size: cover;
  padding: 5%;
background-image: url("../img/example/example-header-mobile.jpg") 
}   
    
}