.navbar { 
  background-color: white;
position: fixed;
  top: 0;
  padding: 16px 5px 3px 16px;
  width: 100%;	

	
}

.navbar a {
  padding: 16px 5px 3px 16px;
	
	  line-height: 1.6;
	 width: 100%;
}






.grid {
	position: relative;
	margin: 0 auto;
	padding: 0 12px;
	list-style: none;
	text-align: center;
}
.grid h2 {
    color: #000;
    transform: translate3d(0px, 100%, 0px);
    transition: transform 0.35s ease 0s, color 0.35s ease 0s;
    width: 100%;
}
.grid h2 span {
    font-weight: 12;
}
.grid p {
    padding: 2em;
    transform: translate3d(0px, 10px, 0px);
    width: ;
}
img {
    border: 0;
    width: ;
    height: auto;
}

/* Technique #1 */
.overlayone{
  width: 231px;
  height: 185x;
  display: inline-block;
  position: relative;
}
.overlayinn {
  background-color: none;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding: 70px;
  transition: opacity .5s;
}
.overlayinn:hover {
  opacity: 1;
  transition: opacity .5s;
}


p.righttag{position: relative;
	padding-left: 800px;
	width: ; 
	height: ;
border: none;}
	  
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}


.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}

.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}

.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-center{text-align:center!important }


.w3-quarter{	float:left;width:100% }


@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,
	.w3-quarter{width:23%}.w3-col.m4,.w3-third{width:33.33333%}


	div {
		
		padding-top:16px!important;padding-bottom:16px!important
			
	
		
	}




mark { 
    background-color: #abd5ff;
    color: #666;
}




h1 {  font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;

}

body { font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
}



a:link { text-decoration: none; color: #666; }
a:active { text-decoration: underline; color: #666;}
a:visited { text-decoration: none; color: #666; }
a:hover {
	text-decoration: underline;
}

a img { border: none; }


/* navbar=top menu bar */

body {margin:auto;
}





.topnav-right {
 
}




#menu ul {
	list-style: none;
	margin:  0 6px 0;
}

#menu ul li.section-title { }








body.contact a.current {
 
  text-decoration: underline;
  color: black;
}





/*post it*/

/*post it*/



#sticker_wrap .sticker { position: absolute; padding: 0.01px 0.01px 0.01px 0.01px;border: 0px solid none; background-color: #abd5ff; cursor: none; font-size: 15.5px; text-align: left; opacity: 100%;}
#sticker_wrap .sticker a { font-weight: normal; }
#sticker_wrap .sticker.notice { background-color: #abd5ff;}
#sticker_wrap .sticker.red { background-color: #abd5ff; }
#sticker_wrap .sticker.yellow { background-color: #abd5ff; }
#sticker_wrap .sticker.aqua { background-color: #abd5ff; }
#sticker_wrap .sticker.green { background-color: #abd5ff; }
#sticker_wrap .sticker.blue { background-color: #abd5ff; }
#sticker_wrap .sticker.orenge { background-color: #abd5ff; }
#sticker_wrap .sticker.gray { background-color: #abd5ff; }
#sticker_wrap .sticker.violet { background-color: #abd5ff; }
#sticker_wrap .sticker.very { color: #abd5ff; }
#sticker_wrap .sticker a.close { display: block; position: absolute; top: 0; right: 0; width: 18px; height: 18px; }
#sticker_wrap .sticker a.close img { display: block; width: 18px; height: 18px; }



/*button*/



.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:none!important}
		

/*lesson dropdown bar*/



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {

	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
    font-size: 15.5px;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: right;
    outline: none;
	  overflow: none;


}






}