@charset "utf-8";
/* CSS Document */
body {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
@font-face {
  font-family: Logofont;
  src: url(AnandaBlackPersonalUseRegular-rg9Rx.ttf);
}

#topbar{
	width:100%;
	margin:0px;
	height:3px;
	background-color:#90F;
}
#Imagebanner{
	width:100%;
	height:auto;
	overflow:hidden;
}
#banner{
	width:303%;
	height:auto;
	position:relative;
	left:0%;
	white-space: nowrap;
	animation: fade 9s infinite;
}
#banner img {
	display:inline-block;
	width: 33.30%;
	margin:0px;
	
}

@keyframes fade {
	0% { left:0%; }
	30% {left:0%; }
	33% { left:-101%; }
	66% { left:-101%; }
	69% { left:-201%; }
	100% { left:-201%; }
}

#matter{
	width:100%;
	height:auto;
}
#context{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}
#col1,#col2,#col3{
	display:inline-block;
	width:45%;
	height:auto;
	margin:5px;
	border:1px #000 solid;
	padding:10px;
	vertical-align:top;
}
#col3{
	height:300px;
	border-bottom:1px #999 solid;
	overflow:hidden;
}
#col1 h4, #col2 h4, #col3 h4 {
	display:block;
	background-color:#03F;
	color:#FFF;
	padding:5px;
}

.inp{
	width:99%;
	margin-top:3px;
	margin-bottom:3px;
}

#footer{
	width:100%;
	height:auto;
	color:#FFF;
	background-color:#06F;
}

.slider-container {
            width: 100%;
			height:100%;
            overflow:scroll;
            padding:0px;
            text-align:justify;
            font-size: 14px;
            position: relative;
        }
        .slider-wrapper {
			position:relative;
			left:0%;
            width: 500%;
			height:100%;
            animation: slide 50s infinite;
			
        }
        .slider-text {
			width:18%;
			height:120px;
			padding-left:1%;
			padding-right:1%;
			float:left;
            text-align:justify;
			color:#000;
        }
		.slider-text p{
			text-align:right;
			font-weight:bold;
			margin:0px;
		}
        @keyframes slide {
            0% { left:0%; }
            20% { left:0%; }
            25% { left:-100%; }
            45% { left:-100%; }
            50% { left:-200%; }
            70% { left:-200%; }
            75% { left:-300%; }
            100% { left:-300%; }
        }

@media screen and (max-width:780px) {
	body{
		width:100%;
	}
}

@media screen and (max-width:780px) {
#youname{
	width:100%;
	height:auto;
	float:none;
	background-color:#9CF;
	padding-left:0px;
	text-align:center;
	}
	#nav{
		width:100%;
		height:auto;
		float:none;
	}
#col1,#col2,#col3{
	display:inline-block;
	width:43%;
	height:auto;
	margin:5px;
	border:1px #000 solid;
	padding:10px;
	vertical-align:top;
}
}

@media screen and (max-width:680px) {
	body{
		width:100%;
	}

#col1,#col2,#col3{
	display:inline-block;
	width:90%;
	height:auto;
	margin:5px;
	border:1px #000 solid;
	padding:10px;
	vertical-align:top;
}

}