@charset "utf-8";
/* CSS Document */
* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;



  box-sizing: border-box;
}
h1{
	font-family:'Smythe', cursive;
	letter-spacing:3px;
}
h2{
	font-family:open sans condensed;
}
h3, h4{
	font-family:'Bitter', serif;
	text-transform:uppercase;
}
p{
	font-family:istok web;
	color:rgba(0, 0, 0, .6);
}
a{
	text-decoration:none;
	padding:0 5px;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], input[type="submit"], input[type="button"], input[type="file"], option, select, textarea{
	border:1px solid #191970;
	padding:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,0);
}
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="date"], option, select{
	height:40px;
	width:100%;
}
input[type="date"]:focus{
    height:40px;
	width:100%;
}
textarea{
	height:120px;
	width:100%;
}
input[type="submit"], input[type="button"], input[type="file"]{
	height:40px;
	min-width:100px;
}
input[type="file"]{
	text-align:right;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="file"]:hover{
	background-color:navy;
	color:white;
}
input:hover, option:hover, select:hover, textarea:hover{
	box-shadow:0 0 5px 3px rgba(0,0,200,.2);
}
.white{
	color:#FFFFFF;
}
.orange{
	color:#FF4500;
}
.golden{
	color:#DAA520;
}
.blue{
	color:#191970;
}
.green{
	color:#228B22;
}
.shadow{
	box-shadow:0 0 15px 1px lightgrey;
}
.bgwhite{
	background-color:#FFFFFF;
}
.bgblue{
	background-color:navy;
}
.bggolden{
	background-color:#F0E68C;
}
.bgorange{
	background-color:#FF4500;
}
.bggreen{
	background-color: #abebc6;
}
.bgred{
	background-color: #d2b4de;
}
.bgpink{
	background-color: #edbb99 ;
}
.bgsky{
	background-color: #aed6f1;
}
.bgyellow{
    background-color: #fcf3cf;
}
.bgfixed{
	background:url(../Image/san.jpg);
	background-image:url(../Image/san.jpg);
	background-size:cover;
	background-attachment: fixed;
}
.bgfixed1{
	background:url(../Image/aaa.jpg);
	background-image:url(../Image/aaa.jpg);
	background-size:cover;
	background-attachment: fixed;
}
.bgfixed2{
	background:url(../Image/sea.jpg);
	background-image:url(../Image/sea.jpg);
	background-size:cover;
	background-attachment: fixed;
}
.bgfixed3{
	background:url(../Image/mou.jpg);
	background-image:url(../Image/mou.jpg);
	background-size:cover;
	background-attachment: fixed;
}
.bgsemitransparent{
	background-color:rgba(0,0,0,.4);
	z-index:1;
}
.center{
	text-align:center;
}
.pad10{
	padding:10px;
}
.pad20{
	padding:20px;
}
.marg10{
	margin:10px;
}
.br20{
    border-radius:20px;
}
.hl{
	width:100px;
}
.button{
	padding:10px;
	color:navy;
	border:1px solid navy;
	border-radius:25px;
	font-size:16px;
	background-color:#F0E68C /*gold*/;
}
.button:hover{
	box-shadow:0 0 10px 1px silver;
	background-color:gold;
}
.as2Col{
	display:grid;
	grid-template-columns:auto auto;
	grid-gap:5px;
}
.as1istu1Col{
	display:grid;
	grid-template-columns:50% 50%;
}
.col2{
	display:grid;
	grid-template-columns:auto auto;
	grid-gap:0;
}
.as3Col{
	display:grid;
	grid-template-columns:auto auto auto;
	grid-gap:5px;
}
.col3{
	display:grid;
	grid-template-columns:auto auto auto;
	grid-gap:0;
}
.as3ColEqual{
	display:grid;
	grid-template-columns:33.33% 33.34% 33.33%;
	grid-gap:5px;
}
.as4Col{
	display:grid;
	grid-template-columns:auto auto auto auto;
	grid-gap:5px;
}
.as1istu3Col{
	display:grid;
	grid-template-columns:25% 75%;
	grid-gap:5px;
}

.as1Row{
	display:grid;
	grid-template-rows:auto;
	justify-items: center;
}
.as2Row{
	display:grid;
	grid-template-rows:auto auto;
	justify-items: center;
}
.as3Row{
	display:grid;
	grid-template-rows:auto auto auto;
	justify-items: center;
}
.as4Row{
	display:grid;
	grid-template-rows:auto auto auto auto;
	justify-items: center;
}
.as5Row{
	display:grid;
	grid-template-rows:auto auto auto auto auto;
	justify-items: center;
}
.as6Row{
	display:grid;
	grid-template-rows:auto auto auto auto auto auto;
	justify-items: center;
}
.positionrelative{
	position:relative;
}
/*Grid division*/
body{
	display:grid;
	grid-template-areas:'headergrid' 'navgrid' 'bannergrid' 'contentgrid' 'footergrid' 'socialgrid';
	justify-items:center;
	margin:0;
}
header{
	grid-area:headergrid;
	display:grid;
	grid-template-areas:'mobile email memlogin';
	justify-content:space-around;
	width:100%;
}
nav{
	grid-area:navgrid;
	display:grid;
	grid-template-areas:'menuLogoGrid menuOrgGrid menuItemGrid menuIconGrid';
	justify-content:space-around;
	width:100%;
	text-align:left;
	z-index:4;
	box-shadow:0 1px 10px #DAA520;
}
.asBanner{
	grid-area:bannergrid;
	display:grid;
	position:relative;
	width:100%;
}
content{
	grid-area:contentgrid;
	display:grid;
	justify-items: center;
	width:100%;
	background-color:white;
}
footer{
	grid-area:footergrid;
	color:#ffffff;
	background-color:#000000;
	text-align:center;
	width:100%;
	padding:40px;
}
.social{
	display:grid;
	grid-area:socialgrid;
	position:fixed;
	bottom:200px;
	left:0px;
	width:50px, 30px;
	height:35px;
	text-align:left;
	font-size:16px;
	font-family:'Bitter', serif;
	text-transform:uppercase;
	padding:2px 2px;
	box-shadow:0 0 5px 1px rgba(0,0,0,.5);
	background-color:#FFD662 ; /*rgba(200,200,60,.5)*/
	z-index:2;
}
.social:hover{
    width:335px;
}
.social:hover .blink{
    display:inline;
    padding:0, 0, 20px, 10px;
    z-index:2;
}
.blink{
    display:none;
    
    color:purple;
}

/*end of grid division */

header .headGrid2{
	grid-area:mobile;
	padding:1px 10px;
	margin:2px 0;
}
header .headGrid3{
	grid-area:email;
	padding:1px 10px;
	margin:2px 0;
}
header .headGrid4{
	grid-area:memlogin;
	margin:2px 0;
}
header .headGrid4 span a{
	color:#ffffff;
}
header .headGrid4 span{
	padding:1px 10px;
	background-color:#000080;
	border-top-left-radius:20px;
	border-top-right-radius:5px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:5px;
}
header div{
	text-align:center;
}
header div i{
	padding:0 5px;
}

/*For navigation scroll lock*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}


/* New Nav style
.navNew{
	grid-area:navgrid;
	display:grid;
	width:100%;
	text-align:left;
	grid-template-columns:47px 220px auto auto;
	z-index:1;
}*/
nav i{
	padding:0 5px;
}

/*Menu bar design*/
/*nav{
	grid-area:navgrid;
	display:grid;
	grid-template-columns:47px auto;
	border-bottom:solid thin #b3ffb3;
	justify-content:start;
	height:50px;
	padding:10px;
	width:100%;
	background-color:#92B558;
	z-index:1000;
}*/
nav .menuLogo{
	grid-area:menuLogoGrid;
	width:200px;
	text-align:center;
}
nav .menuOrgName{
	grid-area:menuOrgGrid;
	width:150px;
	text-align:center;
}
.menuIconContainer{
	display:none;
}

nav .menuContainer{
	grid-area:menuItemGrid;
	display:grid;
	justify-content:space-between;
	grid-template-columns:auto auto auto auto auto auto auto auto;
	text-align:left;
	font-size:18px;
	font-weight: bold;
	font-family:lato;
	padding:0 15px;
	width:100%;
}
nav .menuContainer .menuItem{
	display:grid;
	grid-template-rows:auto auto;
	padding:35px 15px 10px 15px;
	width:auto;
	/*margin:30px 0;*/
	color:#DAA520;
}
nav .menuContainer .menuItem a{
	color:#DAA520;
}
nav .menuContainer .menuItem a:hover{
	color:#FF4500;
}
nav .menuContainer .menuItem>.underline{
	height:4px;
	width:0;
	background-color: rgb(166, 240, 96);
	transition:width 1s;
}
nav .menuContainer .menuItem:hover>.underline{
	display:inline-block;
	width:100%;
}
nav .menuContainer .menuItem .dropDown{
	position:absolute;
	display:none;
	z-index:1000;
	padding:5px;
	background-color:rgba(255, 255, 255, 0.9);
	font-size:16px;
	text-align:left;
	border-top:1px solid #DCDCDC;
	box-shadow: 0 2px 15px #DCDCDC;
	
}
/*rgba(0,0,0,.5)*/
.dropdownWidth1{
	width:100%;
}
.dropdownWidth2{
	width:100%;
}
nav .menuContainer .menuItem:hover .dropDown{
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	margin-top:45px;
}
nav .menuContainer .dropDown {
	padding:10px;
}
nav .menuContainer .dropDown .dropTwoColumn{
	display:grid;
	grid-gap:5px;
	grid-template-columns:auto auto;
}
nav .menuContainer .dropDown b{
	color:#FF4500;
}
nav .menuContainer .dropDown li{
	list-style-type:none;
	padding:4px;
}
nav .menuContainer .dropDown li a{
	color:navy;
}
nav .menuContainer .dropDown li a:hover{
	padding:4px;
	background-color:navy;
	color:white;
}
.subMenu1{
	column-count:3;
}
.subMenu{
	column-count:2;
}


.asBanner img{
	padding:0px;
	border-bottom:solid 2px #DAA520;
}
.asBanner>.asBannerText{
	position:absolute;
	bottom:50px;
	right:50px;
	color:#ffffff;
	background-color:rgba(200, 200, 60, 0.5);
}

.asBanner>.asBannerButton{
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
}
.asBanner .asBannerText1{
	position:absolute;
	bottom:150px;
	right:50px;
	color:#2A4B7C;
	padding:5px 15px;
	border-radius:4px;
	background-color:#FFD662/*rgba(255, 255, 255, 0.9)*/;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name:slidein1;
	-webkit-animation-name: slidein1;
}

.asBanner .asBannerText2{
	position:absolute;
	left:10px;
	top:0px;
	color:#2A4B7C;
	padding:5px 15px;
	border-radius:4px;
	background-color:rgba(250, 190, 192, 1);
}
.asBanner .asBannerText3{
	position:absolute;
	bottom:100px;
	right:50px;
	color:#2A4B7C;
	padding:5px 15px;
	border-radius:4px;
	background-color:rgba(255, 255, 255, 0.9);
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-moz-animation-name:slidein3;
	-webkit-animation-name: slidein3;
}
.asBanner .asBannerText4{
	position:absolute;
	bottom:50px;
	right:50px;
	color:#2A4B7C;
	padding:5px 15px;
	border-radius:4px;
	background-color:#BFD641/*rgba(255, 255, 255, 0.9)*/;
	-moz-animation-duration: 4s;
	-webkit-animation-duration: 4s;
	-moz-animation-name:slidein4;
	-webkit-animation-name: slidein4;
}

@-moz-keyframes slidein1{
	from {
		bottom:0px;
	}
	to{
		bottom:150px;
	}
}
@-webkit-keyframes slidein1{
	from {
		bottom:0px;
	}
	to{
		bottom:150px;
	}
}
@-moz-keyframes slidein3{
	from {
		bottom:0px;
	}
	to{
		bottom:100px;
	}
}
@-webkit-keyframes slidein3{
	from {
		bottom:0px;
	}
	to{
		bottom:100px;
	}
}
@-moz-keyframes slidein4{
	from {
		bottom:0px;
	}
	to{
		bottom:50px;
	}
}
@-webkit-keyframes slidein4{
	from {
		bottom:0px;
	}
	to{
		bottom:50px;
	}
}

#asDonateNowButton{
	padding:10px;
	color:navy;
	border:3px solid navy;
	border-radius:25px;
	/*border-top-left-radius:20px;
	border-top-right-radius:5px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:5px;*/
	font-size:16px;
	background-color:#DAA520 /*gold*/;
}
#asDonateNowButton:hover{
	box-shadow:0 0 10px 2px gray;
	background-color:navy;
	color:white;
	border:3px solid gold;
}

.leftsidebar{
	padding:5px;
	height:auto;
	border:solid 5px white;
	width:100%;
	/*box-shadow:0 0 10px 2px grey;*/
}
.leftsidebar li{
	padding:20px;
	list-style:none;
}
.leftsidebar a:hover{
	color:white;
	background-color:navy;
	padding:10px;
}
.eyeDonation{
	grid-gap:25px;
	margin:15px 0;
}
content>section{
	margin:30px 0;
	width:80%;
}

content section .contentHeading{
	border-bottom:5px solid lightgreen;
	text-align:center;
}
content .asBriefMarami{
		padding:10px 40px;
		text-align:justify;
		border-top:1px solid #DAA520;
		border-right:1px solid #DAA520;
		border-left:1px solid #DAA520;
		border-bottom:8px solid #DAA520;
		width:100%;
		
		overflow:auto;
	}
content .healthRow{
	display:grid;
	grid-template-rows:auto auto;
	grid-gap:5px;	
	text-align:center;
}
content .health1{
	display:inline-block;
	padding:20px;
	text-align:center;
	margin:5px;
	border:solid thin #00539C;
}
content .health2{
	display:inline-block;
	padding:20px;
	text-align:center;
	margin:5px;
	border:solid thin #DD4132;	
}
content .health3{
	display:inline-block;
	padding:20px;
	text-align:center;
	margin:5px;
	border:solid thin #79C753;
}
content .eduRow{
	display:grid;
	grid-template-rows:auto auto auto;
	text-align:center;
	grid-gap:15px;
}
content .edu1{
	background-color:#ffffff;
}

content .edu2{
	padding:20px;
	text-align:center;
	background-color:#ffffff;
}
content .edu2 span{
	color:rgb(0,0,0,.5);
}
.moreBorder{
	padding:10px;
}
.moreBorder:hover{
	border:solid thin purple;
	border-radius:20px;
}
content .photo1{
	height:320px;
	width:100%;
	perspective:1000px;
	padding:5px;
	border:solid thick #006B54;
}
content .photo1 .flipPhoto{
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	transition:transform 0.6s;
	transform-style:preserve-3d;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
}
content .photo1 .flipPhoto .flipFront{
	position:absolute;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
content .photo1 .flipPhoto .flipBack{
	position:absolute;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background-color:#006B54;
	color:white;
	transform:rotateY(180deg);
}
.photo1:hover .flipPhoto{
	transform:rotateY(180deg);
}
content .photo2{
	height:320px;
	width:100%;
	perspective:1000px;
	padding:5px;
	border:solid thick #006B54;
}
content .photo2 .flipPhoto{
	position:relative;
	height:100%;
	width:100%;
	text-align:center;
	transition:transform 0.6s;
	transform-style:preserve-3d;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
}
content .photo2 .flipPhoto .flipFront{
	position:absolute;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
content .photo2 .flipPhoto .flipBack{
	position:absolute;
	width:100%;
	height:100%;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	background-color:#006B54;
	color:white;
	transform:rotateY(180deg);
}
.photo2:hover .flipPhoto{
	transform:rotateY(180deg);
}
content .photo1 p, content .photo2 p{
	color:white;
}
#flipButton{
	border-radius:15px;
	border:solid thin yellow;
	padding:8px;
	color:white;
}
#flipButton:hover{
	background-color:yellow;
	color:#006E6D;
}

/*about marami page*/
.quotation{
	padding:40px;
	border-left:solid thick lightgreen;
	color:#BD3D3A;
	background-color:rgba(236, 219, 84,0.5);
}
/*Founder members page*/
.founders .asMembersPhotoContainer{
	position:relative;
	border:thin solid #FF4500;
	top:-40px;
	margin:0 auto;
	left:0;
	right:0;
	padding:5px;
	border-top-left-radius:50%;
	border-top:10px solid #FF4500;
	border-top-right-radius:50%;
}
.founders .asMembersDescription{
	position:relative;
	margin:40px 30px;
	border-radius:4px;
	text-align:center;
/*	box-shadow:0 0 15px 2px lightgrey;
	border:solid thin silver; */
}
.founders .asMembersDescription h4{
	position:relative;
	padding:10px 10px 10px 10px;
	color: #C62168;
}
.founders .asMembersDescription strong{
	color:#00539C;
}

/*Executive committee page*/
.asCommitteePhotoContainer{
	position:relative;
	background-color:rgba(0,0,0,.6);
	margin:15px;
	border-radius:10px;
	text-align:center;
	height:280px;
	width:230px;
	padding:2px;
	border:solid 2px orange;
}
.asCommitteePhotoContainer img{
	border-radius:10px;
	}
.asCommitteePhotoContainerText{
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,.6);
	display:none;
	font-size:16px;
	color:#ffffff;
	width:100%;
	height:0;
	z-index:1;
	transition:height 2s;
	border-radius:10px;
	padding-top:60px;
}
.asCommitteePhotoContainer:hover .asCommitteePhotoContainerText{
	height:60px;
	padding-top:10px;
	bottom:0px;
	display:block;
	background-color:rgba(0,0,0,.6);
}

/*Awards pages*/
table{
	width:100%;
	text-align:center;
}
table, th, td{
	padding:10px;
	border:solid thin purple;
	border-collapse:collapse;
}
th{
	background-color:rgba(15, 170, 255,.5);
}
tr:nth-child(odd){
	background-color:#F0EAD6;
}
tr:nth-child(even){
	background-color:#F0EDE5;
}

/*For download Page*/
.downloadItems{
	text-align:left;
	padding:10px;
	border:solid 1px purple;
	border-radius:4px;
}
.downloadItems>a{
	text-align:right;
}
.downloadItems:hover{
	background-color:rgb(230, 230, 230);
}

/*For contact us Page*/
.asContactUsAddress{
	text-align:center;
}
.asContactUsForm{
	display:grid;
	grid-template-rows:auto auto auto auto auto auto auto;
	justify-items:center;
	grid-gap:3px;
	left:0;
	right:0;
	text-align:center;
}

#map{
	height:400px;
	width:100%;
}

/*For Footer page*/

#socialIcon{
	color:white;
	padding:5px;
	margin:5px 10px;
	cursor:pointer;
}
#socialIcon:hover{
	box-shadow: 0 0 5px 2px white;
}

/*Registration form*/
#regForm{
	padding:10px;
	border:thin solid #191970;
	text-align:center;
}
.reg .as2Col{
	grid-gap:20px;
	width:100%;
}
.reg .as5Row, .reg .as3Row{
	grid-gap:15px;
	text-align:center;
}
/*Login form*/
.asLoginBoxContainer{
	grid-gap:0px;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:100%;
	height:100%;
}
.backgroungimg{
	margin:0;
	padding:0;
}
.asLoginBox{
	position:relative;
	padding:10px;
	height:100%;
	width:350px;
	border-left:black solid thin;
}
.asClose{
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
}
.asLoginImage{
	position:relative;
	border:solid thin white;
	border-radius:50%;
	text-align:center;
}
#loginForm{
	margin:100px 10px;
}

/*Donate Now Page*/
.asDonateNowHeading>h2, #asDonateOnlineButton, #asDonateBackButton{
	border:thin solid black;
	padding:10px;
	color:navy;
	text-align:center;
}
#asDonateOnlineButton{
	background-color:gold;
	border-radius:40px;
}
#asDonateOnlineButton:hover{
	box-shadow:0 0 10px 1px purple;
}
#asDonateBackButton{
	border-radius:4px;
}
#asDonateBackButton:hover{
	background-color:purple;
	color:white;
}
#asDonateOnlineButton, #asDonateBackButton{
	margin:10px;
	left:0;
	right:0;
	cursor:pointer;
	font-size:18px;
}
.asDonateNowPara{
	text-align:justify;
	font-size:16px;
}
.asDonateNowPara div{
	padding:20px;
}

/*Eye Donation Page color:#9E1030;*/
.eyeDonation>section{
	width:98%;
}
.pm{
	padding:20px;
	color:rgb(205, 178, 152);
	text-align:center;
	width:100%;
}
.pm:nth-child(odd){
	background-color:#2A293E;
	border-bottom:1px solid #F5D6C6;
}
.pm:nth-child(even){
	background-color:#1f1f2e;
	border-bottom:1px solid #F5D6C6;
}
#pm1{
	transition:transform 1s;
}
#pm1:hover{
	transform: scale(2);
}
.asGallaryPhoto{
	border:1px solid rgb(205, 178, 152);
	padding:10px;
	text-align:center;
	transition:transform 1s;
}
.asGallaryPhoto, .asGallaryPhoto img{
	border-radius:10px;
}
.asGallaryPhoto:hover{
	transform: scale(1.02);
	box-shadow:0 0 15px 1px lightgrey;
}
.postStyle{
	background-color:#F0E68C; 
	margin:50px 50px 10px 50px; 
	height:auto; 
	padding:20px; 
	border-radius:10px;
}
/*Media Query*/
@media only screen and (max-width: 768px) {
	.pad20{
		padding:10px;
	}
	body{
	display:grid;
	grid-template-areas: 'headergrid' 'navgrid' 'bannergrid' 'contentgrid' 'footergrid';
	justify-content:center;
}
	header{
		display:grid;
		grid-template-areas:'menuIconGrid' 'memlogin';
		display:inline-block;
		height:40px;
		z-index:100;
	}
	header .headGrid2{
		display:none;
	}
	header .headGrid3{
		display:none;
	}
	header .headGrid4{
		display:inline-block;
		padding:0 10px;
	}
	.menuIconContainer{
		grid-area:menuIconGrid;
		display:inline-block;
		text-align:right;
		width:47px;

	}
	.menuIconContainer .bar1, .menuIconContainer .bar2, .menuIconContainer .bar3{
		display:block;
		width:35px;
		height:3px;
		margin:5px 5px 5px 5px;
		background-color:gold;
	}

/*
.bar1, .bar2, .bar3{
	
}
.menuIconContainer .bar1{
	width:35px;
	height:3px;
	margin:10px 5px 7px 5px;
	background-color:#000000;
}
.menuIconContainer .bar2{
	width:35px;
	height:3px;
	margin:0 5px 7px 5px;
	background-color:#000000;
}
.menuIconContainer .bar3{
	width:35px;
	height:3px;
	margin:0 5px 7px 5px;
	background-color:#000000;
}
	
	.menuIconContainer .bar1{
		-webkit-transform:rotate(-45deg) translate(-8px, 4px);
		transform:rotate(-45deg) translate(-8px, 4px);
	}
	.menuIconContainer .bar2{
		opacity:0;
	}
	.menuIconContainer .bar3{
		-webkit-transform:rotate(45deg) translate(-7px, -4px);
		transform:rotate(45deg) translate(-7px, -4px);
	}
*/
	
	.menuOrgName{
		display:none;
	}
	nav{
		grid-template-areas:'menuLogoGrid' 'menuIconGrid'  'menuItemGrid';
		display:grid;
		text-align:left;
		position:relative;
	}
	nav .menuLogo{
		grid-area:menuLogoGrid;
		text-align:center;
		display:block;
	}
	nav .menuContainer{
		grid-area:menuItemGrid;
		display:grid;
		display:none;
		grid-template-columns:auto;
		text-align:left;
		background-color:#ccffcc;
		margin-top:0;
		position:absolute;
		top:-80px;
		left:-100px;
	}
	.asDropImg{
		display:none;
	}
	nav .menuContainer .menuItem{
		padding:5px;
	}
	nav .menuContainer .menuItem .dropDown{
		width:350px;
		padding:0;
	}
	nav .menuContainer .menuItem:hover .dropDown{
		display:block;
		position:relative;
		left:10px;
		top:-30px;
	}
	nav .menuContainer .dropDown .dropTwoColumn{
		grid-template-columns:auto;
		padding:0;
	}
	.subMenu, .subMenu1{
		column-count:1;	
		padding:2px;
	}

	#asDonateNowButton{
		font-size:16px;
		padding:5px;
		border:1px solid ;
	}
	#asDonateNowButton:hover{
		border:1px solid navy;
	}

	.asBannerText1, .asBannerText3, .asBannerText4{
		display:none;
	}
	.asBanner{
		position:relative;
	}
	content section{
		margin:20px 0;
		width:98%;
		
	}
	content .asBriefMarami{
		padding:20px;
		column-count:1;
		
	}
	.social{
		display:none;
	}
	 .as2Col, .as3Col, .as4Col, .as3ColEqual, .as1istu3Col, .as1istu1Col{
		display:grid;
		grid-template-columns:auto;
	 }
}