.support button {
		background-color: #84BA4D;
		color:#fff;
		font-weight: 600;
		border-radius:30px;
		padding:15px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:24px;
		cursor: pointer;
	}

.membership button {
		background-color: #84BA4D;
		color:#fff;
		font-weight: 600;
		border-radius:30px;
		padding:15px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:24px;
		cursor: pointer;
	}
/*SET MAX PAGE WIDTH*/
.wrap {
	max-width: 800px;

    margin:0 auto;
}
.plainlink {text-decoration: none;
color: black;
}
/*about buttons*/
.buttonpadding {
	padding-right:40px;
	}
/*homepage cards*/
.squarepadding {
	padding:6px;
	}
		@media (min-width: 300px) {
	.backbutton button {
		background-color: #84BA4D;
		color:#fff;
		font-weight: 100;
		border-radius:12px;
		padding:6px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:18px;
		cursor: pointer;
	}

	}	
/*fixing gift shop hello*/
	.hellogiftshop p{
		color: #000000;
		max-width: 100%;
		padding: 0 10px 0 20px;
	}
			
			
	/*about, board members*/
	.Board {
		display: grid;
		grid-template-columns: 1fr 3fr 3fr 1fr;
		margin: 0 auto;
		grid-gap: 1em;
		background-color: #84BA4D;
		font-size: 16px;
		color: #fff;
		font-style: normal;
	}
	/*about.html*/
	.BoardMembers {
		align: left;
		vertical-align: middle;
		font-style: oblique;
	}
	/*about.html*/
	.BoardOffices {
		align: right;
	}
		/*Contacts*/
	.box1 {
		background-color: #333;
		border: 4px solid #000;
		margin: 5px;
		padding: 4px;
		vertical-align: middle;
		font-size: 20px;
		text-decoration: none;
	}
	.boxwrapper {
		display: grid;
		grid-auto-flow: row;
		background-color: #84BA4D;
		color: #fff;
		grid-auto-rows: 32;
		font-family: Helvetica, Arial, Gill Sans;
		font-size: 24px;
		text-align: left;
	}
	/*bylaws link white text*/	
		.bylawslinks {
			text-align: center;
		}
		.bylawslinks a:link  { 
			color: #ffffff; 
 			text-decoration: none; 
			} 	
		.bylawslinks a:visited { 
 			color: #ffffff; 
 			text-decoration: none; 
			} 	
		.bylawslinks a:hover { 
 			color: #eb8f4d; 
 			text-decoration: none; 
			} 	
		.bylawslinks {text-align:center;}
	/*bylaws link black text*/	
		.bylawslinksb a:link  { 
			color: #000000; 
 			text-decoration: none; 
			} 	
		.bylawslinksb a:visited { 
 			color: #000000; 
 			text-decoration: none; 
			} 	
		.bylawslinksb a:hover { 
 			color: #eb8f4d; 
 			text-decoration: none; 
			} 	
		.bylawslinksb {text-align:center;}
		
		
	.byline{
			padding:3px 0 0 10px;
		font-size: 18px;
	}
				/*CALENDAR PREVIEW WRAPPER*/
		.calendergridwrapper{
			max-width: 100%;
			font-size:18px;
			color:#fff;
			display:grid;
			grid-template-columns:repeat(3, 1fr);		
			grid-gap: 20px;
			grid-auto-rows: minmax(60px, auto);
			background-color: #EDB1B1;
			padding:60px;
		}
			.h40 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size: 24px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 40px;
		margin: 50px;
		background-color: #FFFFFF;
		list-style-type: square;
	}
		
		/*universal*/
	.copyright {
		text-align: center;
		font-size: 16px;
		color: #84BA4D;
	}
		/*homepage*/
		
	.corkboard {
		color: #ffffff;
		background-color: #AF8B8B;
		background-image: url("file:///LCHS STICK/unpublished IMAGES/UTILITY/cork.jpg");
		background-repeat: repeat;
		background-size: cover;
		margin: 0 0 0 0;
		margin-bottom: 1em;
		max-width: 1200;
		max-height: auto;
		border-radius: 20px;
	}

	
		/*universal*/
	.date {
		font-size: 18px;
		color: #000;
	}
	.farmshop {
		background-color: #587C59;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.farmshoplink {

		padding-top: 10px;
		padding-bottom: 10px;
	}
		/*photos*/
	figure{
			margin: 0;
	}
	figcaption {
			font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
			font-size: 12px;
			color: #333;
			max-width:90%;
	}
	.giftshop button {
		margin: 5px;
		background-color: #84BA4D;
		color:#fff;
		font-weight: 600;
		border-radius:30px;
		padding:15px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:24px;
		cursor: pointer;
	}
	.giftshop button:hover{
			background-color:#333;
	}
	.giftshop a {
		text-decoration:none;
		color:white;
	}
	.newsletter button {
		margin: 5px;
		background-color: #84BA4D;
		color:#fff;
		font-weight: 600;
		border-radius:30px;
		padding:15px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:24px;
		cursor: pointer;
	}
	.newsletter button:hover{
			background-color:#333;
	}
	.newsletter a {
		text-decoration:none;
		color:white;
	}
		/*banner*/
	h1 {
		font-size: 22px;
		font-family: BuenaParkJF,Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		color: #000000;
		margin: 0;

	}
		/*hero headings*/
	h2 {
		font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
		font-size: 24px;
		text-align: center;
		padding-top: 1px;
		margin: 0 0;
		color: #84BA4D;
	}
	h2b {
		font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
		font-size: 24px;
		text-align: center;
		padding-top: 1px;
		margin: 0 0;
		color: #ffffff;
	}
	h2 hr {
		display: block;
		border-style: groove;
		border-width: 6px;
		border-color: #333;
		width: 90%;
		align: center;
		padding: 0;
	}
	.h2blue h2{
		color:#220D95;
		}
	.h2blue {
		font-size:20px;
		}	
	.h2blue img{
		max-height:600px;
	}
	h3 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size: 20px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 30px;
		margin: 0 0;
	}
	h17 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size:30px;
	}
	h19 hr{
			margin:2px;
			border-width:4px;
			width:90%;
		border-color:#84BA4D;
	}
	h20 hr {
		border-width: 1px;
		border-color: #84BA4D;
		width: 90%;
		align: center;
	}
	h21 hr {
		border-width: 1px;
		border-color: #000;
		width: 90%;
		align: center;
	}
		/*under hero*/
	.hello {
		padding: 0 1em;
		width: 80%;
	}	
	.hellomuseum {
		padding: 0 1em;
	}
	.hellomuseum img, video {
		max-width: 90%;
		border: 10px double black;
		background-color:#84BA4D;
	}	
	.hellocourthouse {
		padding: 0 1em;
	}
	.hellocourthouse img, video {
		max-width: 90%;
		border: 10px double black;
		background-color:#2B508E;
	}	
	.hellofarmshop {
		padding: 0 1em;
	}
	.hellofarmshop img, video {
		max-width: 90%;
		border: 10px double black;	
		background-color:#D69143;
	}
	.hellovietnam img {
		max-width: 90%;
		border: 10px double black;
		margin:4px 0 0 6px;
		background-color: #938c74;
		margin: 1em 0 0 0;
		padding:0 0;
	}
	.hellovietnam p{
		max-width: 100%;
		padding: 0 10px 0 20px;
	}

	.hero {
		max-width: 1024;
		margin-right: 0;
		background-color: #84BA4D;
		font-size: 20px;
		color: #FFFFFF;
		font-family: Helvetica, Arial, sans-serif;
		padding: 0 20px;
		overflow:hidden;
	}
	.hero > h2{
		color:white;
		text-align: left;
	}
		/*Map*/
	iframe {
		width: 100%;
	}
	.LAPEER {
		padding-top: 14px;
		color: #000;
	}
		/*membership page*/
	.Membership {
		padding:1em 0 0 0;
		grid-gap: 2em;
		backgound-color: #84BA4D;
		color: #fff;
		font-style: normal;
		font-size: 20px;
		font-family: Helvetica, ARial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.Membership1 {
		padding: 0 1em;
		grid-gap: 1em;
		color: #84BA4D;
		font-style: normal;
		font-size: 20px;
		font-family: Helvetica, ARial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		width: 90%;
	}
	.Membership2 {
		padding: 1em 1em;
		grid-gap: 2em;
		color: #84BA4D;
		font-style: normal;
		font-size: 20px;
		font-family: Helvetica, ARial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}	
	.Membership3 {
		padding: 0 3em;
		grid-gap: 1em;
		color: #84BA4D;
		font-style: normal;
		font-size: 16px;
		font-family: "Helvetica" "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
		display: grid;
		height: auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
	}
		/*museum page*/
	.museumcontainer {
		padding: 1em;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		border: 5px solid black; 
		margin-top: 2px;
		background-color: #938c74;
	}
	.museumcontainer button {
		background-color: #84BA4D;
		color:#fff;
		font-weight: 600;
		border-radius:30px;
		padding:15px;
		text-align: center;
		text-decoration:none;
		display:inline-block;
		font-size:24px;
		cursor: pointer;
	}
	.museumcontainer button:hover{
			background-color:#333;
	}
		/*accessibility*/
	.museumcontainersub {
		background-color: #333;
		color:white;
		padding: .4em;
	}
		/*museum*/
	.museumcontainer:nth-child(2) {
		background-image: url("file:///LCHS STICK/unpublished IMAGES/UTILITY/ledger light.jpg");
	}
		/*courthouse*/
	.museumcontainer:nth-child(3) {
		background-image: url("file:///LCHS STICK/IMAGES/PHOTOS/CentralHallway bw light400.jpg");
	}
		/*farmshop*/
	.museumcontainer:nth-child(4) {
		background-image: url("file:///LCHS STICK/IMAGES/PHOTOS/farmfest bw 400 bw light.jpg");
		color:#000;
	}
		/*main navbar*/
	.nav {
		text-align: center;
		font-size: 16px;
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.active {
		background-color: #84BA4D;
	}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
	}
	li {
		float: left;
	}
	li a {
		display: block;
		color: white;
		text-align: center;
		padding: 6px 10px;
		text-decoration: none;
	}
	li a:hover:not(.active) {
		background-color: #111;
	}
	p {
		font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
		font-size:20;
	}
	/*Vietnam Seal*/
	.seal-container img {
		max-width:180%;
		padding:65px .5em 40px;
	}
	.seal-list{
		z-index: 1;
	}
	.seal-1{
		z-index:2;
	}
	.seal-container {
	  display: grid;
	  grid-template-columns: 40% auto;
	  grid-template-rows:20px auto;
	  background-color: #938c74;
	  padding: 50 50 0;
	}
	.seal-container>div {
	  background-color: rgba(255, 255, 255, 0.8);
	  text-align: right;
	  padding:2em 10px 0 0;
	  font-size: 14px;
	  font-family: Helvetica,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
	}
	.seal-container a {
		display: block;
		color: black;
		text-decoration: none;
	}
	.seal-container a:hover:not(.active) {
		color:#84BA4D;
	}
		/*Contacts*/
	span.A {
		float: right;
		padding: 0px 3px;
		border: 3px solid black;
		background-color: #84BA4D;
		margin-bottom: -24px;
	}
	span.A a:link {
		color: #fff;
		text-decoration: none;
	}
	span.A a:visited {
		color: #fff;
		text-decoration: none;
	}
	span.A a:hover {
		color: #FC06A2;
		text-decoration: none;
	}
	span.A a:active {
		color: #fff;
		text-decoration: none;
	}
	span.B a:link {
		color: #fff;
		text-decoration: none;
	}
	span.B a:visited {
		color: #fff;
		text-decoration: none;
	}
	span.B a:hover {
		color: #FC06A2;
		text-decoration: none;
	}
	span.B a:active {
		color: #fff;
		text-decoration: none;
	}
	.sticky img {
		max-width: 80%;
		padding:2em 0 4em;
	}
	.title-box {
		text-align: center;
	}
	.video{
		border: 5px solid black; 
		color:#84BA4D;
		}
/*service flag grid*/
		.serviceflagwrapper{
			max-width: 100%;
			margin: 0 auto;
			font-size:18px;
			color:#fff;
			display:grid;
			grid-template-columns: 1fr;
			grid-gap:10px;
			grid-auto-rows: minmax(100px, auto);
		}
		.serviceflagwrapper > div {
			border:4px solid #333;
			border-radius:5px;
			background-color:#938c74;
			padding:1em;
			color: #FFFFFF;
		}
		.serviceflagwrapper h2{
			color:navy;
			padding: 0 0 3px 0;
		}
		.serviceflagwrapper one{
			grid-column: 1 / 1;
			grid-row: 1;
		}		
		.serviceflagwrapper two{
			grid-column: 1 / 1;
			grid-row: 2 / 4;
		}		
		.serviceflagwrapper three{
			grid-column: 1/ 1;
			grid-row: 5 / 6;
		}
		.serviceflagwrapper four{
			grid-column: 1 / 1;
			grid-row: 6 / 7;
		}
/*end service flag grid*/
		
	.VietnamPages {
		background-color: #84BA4D;
		text-align:left;
		padding:20 0 0 0;
		color:#fff;
		font-size: 36px;
		font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		}
	.hellovietnam {
		background-color: #938c74;
		color:#fff;
	}	
	.hellovietnam img{
		background-color: #fff;
		color:#000;
	}
		/*vietnam main grid*/
		.vietnamgridwrapper{
			max-width: 100%;
			font-size:18px;
			color:#fff;
			display:grid;
			grid-template-columns:repeat(5, 1fr);
			grid-gap: 4px;
			grid-auto-rows: minmax(60px, auto);
			background-color: #938c74;
			padding:10px;
		}
		
		.vietnamgridwrapper img {
			max-width:300px;
			padding:0 0;
		}
		.vietnamgridwrapper #one{
			grid-column: 1 / 5;
			grid-row: 1 / 2;
		}		
		.vietnamgridwrapper #one-b{
			grid-column: 5 / 6;
			grid-row: 1 / 2;
			width:60px;
		}		
		.vietnamgridwrapper #two{
			grid-column: 1 / 5;
			grid-row: 2 / 3;
		}			
		.vietnamgridwrapper #two-b{
			grid-column: 5/ 6;
			grid-row: 2 / 3;
			width:60px;
		}		
		.vietnamgridwrapper #three{
			grid-column: 1 / 5;
			grid-row: 3 / 4;
		}
		.vietnamgridwrapper #three-b{
			grid-column: 5 / 6;
			grid-row: 3 / 4;
			width:60px;		
		}		
		.vietnamgridwrapper #four{
			grid-column: 1 / 5;
			grid-row: 4 / 5;
		}		
		.vietnamgridwrapper #four-b{
			grid-column: 5 / 6;
			grid-row: 4 / 5;
			width:60px;			
		}		
		.vietnamgridwrapper #five{
			grid-column: 1 / 4;
			grid-row: 5 / 7;
			padding:1em 0;
		}		
		.vietnamgridwrapper #six{
			grid-column: 3 / 6;
			grid-row: 6 / 9;
			padding:1em 0;
		}
	}
	@media (min-width: 600px) {
	.Board {
		font-size: 24px;
	}
	.box1 {
		font-size: 20px;
	}
	.boxwrapper {
		padding: 0;
	}
		/*homepage UPDATED FOR 600*/
	.corkboard {
		padding:0 0 8em 0;
		margin-bottom: 1em;
		background: url("file:///LCHS STICK/unpublished IMAGES/UTILITY/cork.jpg");
	}
	.corkboard >img {
		margin:5em 0 0 0;
		padding:5px 5px;
		max-width:90%;		
	}
			/*universal UPDATED FOR 600*/
	.date {
		font-size: 24px;
		color: #000;
		float:left;
		padding: 40px 0 0 20px;
	}
	figure{
			margin: 0;
	}	
	figure img{
			max-width:100%;
	}
	figcaption {
			font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
			font-size: 20px;
			color: #333;
			max-width:90%;
			text-align: center;
	}
	h1 {
		font-size: 44px;
	}
	h2 {
		font-size: 29px;
		padding: 0 0 400 0;
	}
		
	h3 {
		font-size: 20px;
		padding: 0 0 400 0;
	}
	h17 {
		font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
		font-size:44px;
		font-weight: bold;
		
	}
	.hellovietnam img {
		max-width: 60%;
		border: 10px double black;
		background-color: #938c74;
		padding: 0 0 ;
	}
		/*UPDATED FOR 600*/
	.LAPEER {
		padding-top: 14px;
		color: #000;
		font-size: 24px;
	}
		/**/
	.Membership1 {
		color: #000;
		font-style: normal;
		font-size: 20px;
		font-family: Helvetica, Arial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		width: 90%;
	}
	.Membership2 {
		color: #000;
		font-style: normal;
		font-size: 20px;
		font-family: Helvetica, ARial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}	
	.Membership3 {
		color: #000000;
		font-style: normal;
		font-size: 16px;
		font-family: Helvetica, ARial, sans-serif;
		display: grid;
		height: auto;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
	}
	/*main navbar UPDATED FOR 600*/
	.nav {
		text-align: center;
		font-size: 24px;
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	p {
	font-size: 24px;
	font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	}
	.seal-container>div {
		font-size: 26px;
	}
	/*service flag grid*/
		.serviceflagwrapper{
			max-width: 940px;
			margin: 0 auto;
			font-size:24px;
			color:#fff;
			display:grid;
			grid-template-columns: repeat(3,1fr);
			grid-gap:10px;
			grid-auto-rows: minmax(100px, auto);
		}
		.serviceflagwrapper > div {
			border:4px solid #333;
			border-radius:5px;
			background-color:#938c74;
			padding:1em;
			color: #FFFFFF;
		}
		.serviceflagwrapper h2{
			color:navy;
			padding: 0 0 3px 0;
		}
		.serviceflagwrapper #one {
			grid-column: 1 / 4;
			grid-row: 1 / 2;
		}		
		.serviceflagwrapper #two{
			grid-column: 1 / 2;
			grid-row: 2 / 5;
		}		
		.serviceflagwrapper #three{
			grid-column: 2 / 4;
			grid-row: 2 / 3;
		}
		.serviceflagwrapper #four{
			grid-column: 2 / 4;
			grid-row: 3 / 4;
		}
	span.A {
		padding: 4px 4px 4px 6px;
		margin-top: -18px;
	}
	.sticky img {
		max-width: 60%;
		margin:80px;
	}

		/*UPDATED FOR 600*/
		/*vietnam main grid*/
		.vietnamgridwrapper{
			max-width: 100%;
			font-size:18px;
			color:#fff;
			display:grid;
			grid-template-columns:repeat(5, 1fr);
			grid-gap: 10px;
			grid-auto-rows: minmax(60px, 150px);
			border: 5px solid #673F12;
		}
		.vietnamgridwrapper > div {
			background-color:#938c74;
			padding:.5em .5em .5em .5em;
			color: #938c74;
		}		
		.vietnamgridwrapper img {
			max-width:600px;
			padding:0 0;
		}
		.vietnamgridwrapper #one{
			grid-column: 1 / 5;
			grid-row: 1 / 2;
		}		
		.vietnamgridwrapper #one-b{
			grid-column: 5 / 6;
			grid-row: 1 / 2;
			width:100px;	
			padding:20px 0 0 0;
		}			
		.vietnamgridwrapper #two{
			grid-column: 1 / 5;
			grid-row: 2 / 3;
		}			
		.vietnamgridwrapper #two-b{
			grid-column: 5/ 6;
			grid-row: 2 / 3;
			width:100px;	
			padding:20px 0 0 0;
		}		
		.vietnamgridwrapper #three{
			grid-column: 1 / 5;
			grid-row: 3 / 4;
		}
		.vietnamgridwrapper #three-b{
			grid-column: 5 / 6;
			grid-row: 3 / 4;
			width:100px;	
			padding:20px 0 0 0;
		}		
		.vietnamgridwrapper #four{
			grid-column: 1 / 5;
			grid-row: 4 / 5;
		}		
		.vietnamgridwrapper #four-b{
			grid-column: 5 / 6;
			grid-row: 4 / 5;
			width:100px;	
			padding:20px 0 0 0;
		}	
		.vietnamgridwrapper #five{
			grid-column: 4 / 6;
			grid-row: 5/ 6;
			padding:0 3em 0 0;
		}		
		.vietnamgridwrapper #six{
			grid-column: 1 / 3;
			grid-row: 5/ 7;
			padding:1em 0 5em 3em;
		}	
		.weatherwidget-io{
			max-height:100px;
		}
	}	

	@media (min-width: 1024px){
		h1{
			font-size:60px;
		}
		/*battlefield cross, blood chit, missing man, vietnam casualties*/
	.hellovietnam img {
		width: 800px;
		border: 10px double black;
		margin:4px 0 0 6px;
		background-color: #938c74;
		margin: 1em 0 0 0;
		padding:0 0;
	}
	.hellovietnam p{
		max-width: 80%;
		padding: 0 10px 0 20px;
	}
/*UPDATED FOR 1024*/
		/*vietnam main grid*/
		.vietnamgridwrapper{
			max-width: 1000px;
			font-size:18px;
			color:#fff;
			display:grid;
			grid-template-columns:repeat(5, 1fr);
			grid-gap: 1px;
			grid-auto-rows: minmax(100px, 150px);
			border: 5px solid #673F12;
		}	
		.vietnamgridwrapper img {
			max-width:800px;
		}
		.vietnamgridwrapper #one{
			grid-column: 3 / 6;
			grid-row: 2 / 3;
			z-index: 2;
		}		
		.vietnamgridwrapper #one-b{
			grid-column: 3 /4;
			grid-row: 2 / 3;
			width:100px;	
			padding:20px 0 0 0;
		}			
		.vietnamgridwrapper #two{
			grid-column: 3 / 6;
			grid-row: 3 / 4;
			z-index: 2
		}			
		.vietnamgridwrapper #two-b{
			grid-column: 3 /4;
			grid-row: 3 / 4;
			width:100px;	
			padding:20px 0 0 0px;
		}		
		.vietnamgridwrapper #three{
			grid-column: 3 / 6;
			grid-row: 4 / 5;
			z-index: 2
		}	
		.vietnamgridwrapper #three-b{
			grid-column: 3 /4;
			grid-row: 4 / 5;
			width:100px;	
			padding:20px 0 0 0;
		}		
		.vietnamgridwrapper #four{
			grid-column: 3 / 6;
			grid-row: 5 / 6;
			z-index: 2
		}		
		.vietnamgridwrapper #four-b{
			grid-column: 3 / 6;
			grid-row: 5 / 6;
			width:100px;	
			padding:20px 0 0 0;
		}	
		.vietnamgridwrapper #five{
			grid-column: 1 / 3;
			grid-row: 1/ 4;
			padding: 0 10px;
		}		
		.vietnamgridwrapper #six{
			grid-column: 1 / 3;
			grid-row: 4 / 7;
			padding:0 10px;
		}	

	}