@charset "utf-8";
/* CSS Document */
/*headline: font-family: 'Roboto', sans-serif;
 paragraph: font-family: 'PT Serif', serif;
*/
/*Martina Baffi:
  carolina blue: #155EE4;
  cherry red: #C50036;
  blk: #000000;
  wht: #FFFFFF;
  yellow: #FFC820;
*/
*{ 
box-sizing:border-box;
margin:0;
}

body{
	margin: 0 auto;
     padding: 0;
	 width: 100%;
    }

h1, h2, h3{font-family: "Roboto", sans-serif;
                       }                  
p {font-family:"PT Serif", serif;
	font-size: 1.2em;
}

/*center an image - img is an inline elements*/
img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* main navigation bar */
#mainNav {
	overflow: hidden;
	margin:0;
	display:block;
	position:fixed;
	background-color:#000000;
	width:100%;
	font-family: "Roboto", sans-serif;
	height:50px;
  }  

   /*  style the links inside the navigation bar */
#mainNav a{
	float: left;
	margin:0;
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;/*removes underline*/
}

 /*change the colors of links on hover */
mainNav a:hover {
 background-color:#000000;
 color: #C50036;
 font-weight:900;
	}
	
/* add a color to the active/curent link*/
#mainNav-right .active {
	background-color: #000000;
}

/* Right-aliged section inside the top navigation */
#mainNav-right {
	float: right;
	}

/* Clear floats after the colums */
.row:after{
  content:"";
  display: table;
  clear: both;
}


/* header style */
header { background: #000000 url("../images/poverty-NM-2800-optimized.jpg") no-repeat center center;
	background-size: cover;
	height:600px;
	margin-top: 0px

}
.about_bg { background: #000000 url("../images/giving image poverty.jpg") no-repeat center center;
	background-size: cover;
	height:600px;
	margin-top: 0px;
}

header h1 {text-align:center;
line-height: 500px;
color:#FFFFFF;
font-size: 4em;
}

	/*flexbox container*/
.container{
	display: flex;
	flex-direction: row;
	justify-center:center;
	align-items: baseline;
}

.poverty{
	margin:0;
	padding: 0.5em;
	flex-basis: 40%; /*column width*/
	/*2 column*/
}

.poverty h2{
	font-size: 2em;
	text-align: center;
	font-weight: 900;
	color:#FFFFFF
		
}


/*Home - Flexbox Each Column background images*/
.poverty1 {
	   background: white url("../images/Poverty-image1.jpg") no-repeat center;
	   background-size: cover;
	   height: 400px;
	   		
}
.poverty2 {
	      background: white url("../images/Poverty-2.jpg") no-repeat center;
          background-size: cover;
		  height: 400px;
		
		  }


/*footer section */

footer {
	background-color: black;
	text-align: center;/*horizontally centered*/
	line-height: 60px;/*vertically centered*/
	color: WHITE;
}










	
	



/*center an image - img is an inline element*/