div.nn-main-pages-container-one-block {
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: repeat (1,100%);
		}

span.nntitle {
	font-family: 'Abril Fatface',sans-serif;font-size:6rem;line-height:6rem;color:white;
	
	animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
	
}


span.nn-title-intro {
font-family: 'Abril Fatface',sans-serif;font-size:2rem;color:white;text-align: center;
	
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
	
}

span.nn-title-p {
font-size:1.4rem;line-height:2.5rem;color:white;font-family:" avenir="" w01",sans-serif;
	
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
	
}

		
		
		
		div.nn-main-pages-head {
			
			grid-column: 1/2;
			grid-row: 1/2;
			height: auto;
			padding:300px 20px 300px 20px;
background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/2023-10-DowntownDCBID-AllHandsMeeting-KF-Storybox-438-1-scaled.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			color:white;
			font-size: 60px;
			text-align: center;
			vertical-align:center;
			
	line-height:3rem;
			
		}

div.nn-main-pages-head-b {
			
			grid-column: 1/2;
			grid-row: 1/2;
			height: auto;
			padding:200px 20px 200px 20px;
background:url(https://www.downtowndc.org/wp-content/uploads/2019/08/downtowndcbid_13800335_Full-e1566577399308.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			color:white;
			font-size: 60px;
			text-align: center;
			vertical-align:center;
			
	line-height:3rem;
			
		}

		
		
		div.nn-main-pages-intro {
			display: grid;
			width:100%;
			grid-template-columns: 100%;
			padding: 7% 17% 7% 17%;
			background: linear-gradient(to right, #e31837, #a40e24);
			color:white;
			align-content:center;
			margin-bottom:1px;
		}

div.nn-main-pages-intro p{
			
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
	--animate-delay: 0.9s;
		}

div.nn-main-pages-intro h3{
			
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
		}
		
		div.nn-main-pages-gallery {
			display: grid;
			grid-template-columns: 100%;
			padding:100px;
		}
		
		div.nn-main-pages-events {
			display: grid;
			grid-template-columns: 100%;
			padding: 50px 100px 100px 100px;
			background: #4bbfac;
		}
		
		div.nn-main-pages-container {
			display: grid;
			grid-template-columns: 50% 50%;
			grid-template-rows: repeat (1,100%);
			margin-top:4px
		}



div.nn-main-pages-container-two {
			display: grid;
	grid-gap:3px;
			grid-template-columns: 50% 50%;
			grid-template-rows: repeat (1,100%);
		margin-top:-5px;
		
		}


		div.nn-main-pages-block-two-1 {
			height: 500px;   
			grid-column: 1/2;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/1_0039-e-2021-DavidMadisonPhotograpom-copy.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
		}

div.nn-main-pages-block-two-1:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

div.nn-main-pages-block-two-1 h5{
	color:white;
	padding:230px 0 230px 0;
}
div.nn-main-pages-block-two-1 h5:hover{
transform:scale(1.3);
}
		
		div.nn-main-pages-block-two-2 {
			height: 500px;   
			grid-column: 2/3;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/center.jpeg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
			
		}

div.nn-main-pages-block-two-2:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
div.nn-main-pages-block-two-2 h5{
	color:white;
	padding:230px 0 230px 0;
	
}
div.nn-main-pages-block-two-2 h5:hover{
transform:scale(1.3);
}

		

div.nn-main-pages-container-three {
			display: grid;
	grid-gap:3px;
			grid-template-columns: 33.3% 33.3% 33.3%;
			grid-template-rows: repeat (1,100%);
		margin-top:-5px;
		
		}

		
		div.nn-main-pages-block-three-1 {
			height: 500px;   
			grid-column: 1/2;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/CC-007.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
		}

div.nn-main-pages-block-three-1:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

div.nn-main-pages-block-three-1 h5{
	color:white;
	padding:230px 0 230px 0;
}
div.nn-main-pages-block-three-1 h5:hover{
transform:scale(1.3);
}
		
		div.nn-main-pages-block-three-2 {
			height: 500px;   
			grid-column: 2/3;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/downtowndcbid_45636141_Medium.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
			
		}

div.nn-main-pages-block-three-2:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
div.nn-main-pages-block-three-2 h5{
	color:white;
	padding:230px 0 230px 0;
	
}
div.nn-main-pages-block-three-2 h5:hover{
transform:scale(1.3);
}
		
		div.nn-main-pages-block-three-3 {
			height: 500px;   
			grid-column: 3/4;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/Vale-Trumping-Triangle-lead.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
		}

div.nn-main-pages-block-three-3:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

div.nn-main-pages-block-three-3 h5{
	color:white;
	padding:230px 0 230px 0;

}
div.nn-main-pages-block-three-3 h5:hover{
transform:scale(1.3);
}
		


div.nn-main-pages-container-two-b {
			display: grid;
	grid-gap:3px;
			grid-template-columns: 50% 50%;
			grid-template-rows: repeat (1,100%);
		margin-top:-5px;
	margin-bottom: 3px;
	
		
		}


		div.nn-main-pages-block-two-b-1 {
			height: 500px;   
			grid-column: 1/2;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/DSC6051-121_.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
		}

div.nn-main-pages-block-two-b-1:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

div.nn-main-pages-block-two-b-1 h5{
	color:white;
	padding:230px 0 230px 0;
}
div.nn-main-pages-block-two-b-1 h5:hover{
transform:scale(1.3);
}
		
		div.nn-main-pages-block-two-b-2 {
			height: 500px;   
			grid-column: 2/3;
			grid-row: 1/2;
			text-align: center; 
			animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
			background:url(https://www.downtowndc.org/wp-content/uploads/2023/03/Gallery_Place-Chinatown-DowntownDC-BID.jpg) rgba(0, 0, 0, 0.6);
			background-blend-mode: multiply;
	
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
			
		}

div.nn-main-pages-block-two-b-2:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
div.nn-main-pages-block-two-b-2 h5{
	color:white;
	padding:230px 0 230px 0;
	
}
div.nn-main-pages-block-two-b-2 h5:hover{
transform:scale(1.3);
}



	
		

		
		div.nn-main-pages-block-color-b {
			height: 400px;
			background: green;
            padding: 15px; 
			grid-column: 1/2;
			grid-row: 1/2;
			
		}
		
		div.nn-main-pages-block-color-a {
			height: 400px;
			background: blue;
            padding: 15px; 
			grid-column: 2/3;
			grid-row: 1/2;
			
		}
		
		
		div.nn-main-pages-block-white-bg {
			height: auto;
			background: #4bbfac;
            padding: 90px 20% 120px 20%; 
			grid-column: 1/2;
			grid-row: 1/2;
			
		}

div.nn-main-pages-block-white-bg p {
			animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s; /* don't forget to set a duration! */
	animation-duration: 1s; /* don't forget to set a duration! */
	--animate-delay: 0.9s;
	color:white !important;
			
		}

div.nn-main-pages-block-white-bg h3 {
			animation: fadeInLeft; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
  
			
		}
		
		div.nn-main-pages-block-black-bg {
			height: 400px;
			background: #000000;
            padding: 15px; 
			grid-column: 2/3;
			grid-row: 1/2;
			
		}
		
		div.nn-main-pages-block-img-bg {
			height: auto;
			background: url('https://www.downtowndc.org/wp-content/uploads/2023/03/History-Gallery_Place-Chinatown-DowntownDC-BID.jpg');
			background-repeat: no-repeat;
			background-position: center;
			background-size:cover; 
			grid-column: 2/3;
			grid-row: 1/2;
			animation: fadeInRight; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
			
		}
		
		div.nn-main-pages-block-map {
			height: auto;
			grid-column: 2/3;
			grid-row: 1/2;
			
		}
		
		div.nn-main-pages-block-img-bg-2 {
			height: 400px;
			background: url('https://downtowndcfoundation.org/app/uploads/2022/03/downtowndcbid_72907760_Small.jpg');
			background-position: center;
            padding: 15px; 
			grid-column: 1/2;
			grid-row: 1/2;
			
		}
		
		#sampleImage {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
}

		#sampleImage:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


		div.new-home-block-img-bg {
			height: auto;
			background: url('https://www.downtowndc.org/wp-content/uploads/2023/03/DDCBID-MAP.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size:cover; 
			grid-column: 2/3;
			grid-row: 1/2;
			animation: fadeInRight; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
				
		}
	

@media only screen and (max-width: 900px) {
	
	
	
	
	div.nn-main-pages-head {
			
			grid-column: 1/2;
			grid-row: 1/2;
			height: auto;
			padding:100px 20px 100px 20px;
		grid-column: 1/2;
			grid-row: 1/2;
			background-blend-mode: multiply;
			background-attachment:;
			background-repeat: no-repeat;
			background-position: center center;
			background-size:cover;
			color:white;
			text-align: center;
			vertical-align:center;
			
	line-height:3rem;
		}
	
	div.nn-main-pages-intro {
		padding: 60px 10% 60px 10%;
		
}
	
	div.nn-main-pages-container {
		display: grid;
			grid-template-columns: 100%;
			grid-template-rows: repeat (1,100%);
		
	}
	
	div.nn-main-pages-block-white-bg {
		padding: 60px 10% 60px 10%; 
	}
	
	div.nn-main-pages-block-img-bg {
			height: 400px;
			background-repeat: no-repeat;
			background-position: center;
			background-size:cover; 
			grid-column: 1/2;
			grid-row: 2/2;
			
			
		}
	
	div.nn-main-pages-gallery {
			padding:10px;
		}
	
	div.nn-main-pages-container-two {
			display: grid;
			grid-template-columns: 50% 50%;
	}
	
	div.nn-main-pages-container-three {
			display: grid;
			grid-template-columns: 50% 5;
	}
	
	div.nn-main-pages-container-two-b {
			display: grid;
			grid-template-columns: 50% 50%;
	}
	
	div.nn-main-pages-block-two-1 {
			height: 250px;   
		margin-bottom:-8px;
		}
	
	div.nn-main-pages-block-two-2 {
			height: 250px;   
		
		}
	
	
	div.nn-main-pages-block-three-1 {
			height: 250px;   
		margin-bottom:-8px;
		}
	div.nn-main-pages-block-three-2 {
			height: 250px;   
		margin-bottom:-8px;
		}
	div.nn-main-pages-block-three-3 {
			height: 250px;   
		
		}
	
	div.nn-main-pages-block-two-b-1 {
			height: 250px;   
		margin-bottom:-7px;
		}
	
	div.nn-main-pages-block-two-b-2 {
			height: 250px;   
		margin-bottom:2px;
		}
	
	
	
	div.nn-main-pages-block-three-1 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	
	div.nn-main-pages-block-two-1 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	
	div.nn-main-pages-block-two-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	
		div.nn-main-pages-block-two-b-1 h5{
	color:white;
	padding:110px 0 100px 0;
			font-size: 1.5rem;
		
}
	
	div.nn-main-pages-block-two-b-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	
	div.nn-main-pages-block-three-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	div.nn-main-pages-block-three-3 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1.5rem;
		
}
	
	
	
	
	div.nn-main-pages-container-four {
			display: grid;
			grid-template-columns: 50% 50% ;
			grid-template-rows: repeat (1,100%);
			margin: 5px;
			align-self:center;
		}
	
	div.nn-main-pages-container-four img {
			
			max-width:100%;
			
		
		}

	

}

@media only screen and (max-width: 900px) {
	
	div.nn-main-pages-head {
			
			grid-column: 1/2;
			grid-row: 1/2;
			height: auto;
			padding:100px 20px 100px 20px;
		grid-column: 1/2;
			grid-row: 1/2;
			background-blend-mode: multiply;
			background-attachment:;
			background-repeat: no-repeat;
			background-position: top;
			background-size:200%;
			color:white;
			text-align: center;
			vertical-align:center;
	line-height:3rem;
		}
	
		div.nn-main-pages-block-three-1 {
			height: 250px;   
		margin-bottom:-8px;
			
		}
	div.nn-main-pages-block-three-2 {
			height: 250px;   
		margin-bottom:-7px;
		}
	div.nn-main-pages-block-three-3 {
			height: 250px;   
		margin-bottom:1px;
		}

	
		div.nn-main-pages-block-three-1 h5{
	color:white;
	padding:110px 0 100px 0;
			font-size: 1rem;
		
}
	div.nn-main-pages-block-three-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1rem;
		
}
	div.nn-main-pages-block-three-3 h5{
	color:white;
	padding:110px 10px 100px 10px;
		font-size: 1rem;
		
}
		div.nn-main-pages-block-two-1 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1rem;
		
}
		div.nn-main-pages-block-two-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1rem;
		
}
		div.nn-main-pages-block-two-b-1 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1rem;
		
}
		div.nn-main-pages-block-two-b-2 h5{
	color:white;
	padding:110px 0 100px 0;
		font-size: 1rem;
		
}

	
}