@charset "utf-8";
/* CSS Document */
margin,padding:{margin:0; padding:0;}img{max-width:100%;height:auto;aspect-ratio:0/0;object-fit:cover}

body{ background-color:#000000;color:#FFFFFF; font-size:14px; margin:0;	padding:0; font-family:Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6 {margin-top:5px;font: politici;color:#990000;text-transform:uppercase;}
p{text-align:justify;margin-bottom:20px;line-height:20px;color:#f6f6cc;}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.flt{ float:left}
.frt{ float:right}
.no{margin:0; padding:0;}

span{color:#4f0602;}

a{ color:#FF2B87; text-decoration:none;}
a:hover{ color:#4f0602 ; text-decoration:none;}

.main{width:100%; margin:0 auto;}
#header{padding:0; width:98%; }
.logo{color:#4f0602 ;font-weight:bold;margin:0; height:190px; background-image:url(http://www.cirali.in/images/logo.png); background-repeat:no-repeat; background-position: top center;}
.logo p{color:#fff;font-weight:bold; font-size:27px;font: politici; text-align:center;padding:90px 0px 0px 0px;}

#nav-nancy {width:100%;float:left;background:#990000;line-height:48px;font-size:17px;margin:0; padding:0; padding-bottom:12px;}
#nav-nancy li {float:left;list-style:none;}
#nav-nancy li a {text-transform:uppercase;float:left;text-align:center;margin:0 5%;padding:0 10px;text-decoration:none;color:#fff;transition:all ease .5s;
}
#nav-nancy li a:hover,
#nav-nancy li a.active {background:#ffffff;color:#990000;}

#banner{padding:0; width:98%; margin:0 1%;}
#banner img{width:100%;height: auto;}

#container{padding:0 2%; width:96%; margin:0;background-color:hsla(0,0%,0%,0.7);}

#footer{padding:2% 2%; width:96%; margin:0;background-color:#990000; text-align:center;}


.portfolio{padding:0; width:100%; margin:0;background-color:hsla(0,0%,0%,0.7);}
.portfolio ul{display:block; list-style:none;	font-size:14px;}
.portfolio ul li{color:#fd9697;margin:10px 10px; float:left;}
.portfolio ul li a{text-decoration:none; padding: 0px 0px 0px 0px; color:#828282;}
.portfolio ul li a:hover{color:#fd9697;}

@media only screen and (min-width : 768px ) and (max-width : 980px )
	{
		
#nav-nancy { background:#000000;}
	#nav-nancy li {list-style:none;background:#990000;border-bottom:1px solid #fff; line-height:35px;font-size:18px;width:80%;}
	#nav-nancy li a {text-transform:nancypercase;text-align:center;text-decoration:none;color:#fff;transition:all ease .5s;width:100%; margin:0; padding:0;}
	#nav-nancy li a:hover,
	#nav-nancy li a.active {background:#fff; color:#990000;}

	}
	
@media only screen and (min-device-width : 320px) and (max-width: 480px) {
	
	#nav-nancy { background:#000000;}
	#nav-nancy li {list-style:none;background:#990000;border-bottom:1px solid #fff; line-height:35px;font-size:18px;width:80%;}
	#nav-nancy li a {text-transform:nancypercase;text-align:center;text-decoration:none;color:#fff;transition:all ease .5s;width:100%; margin:0; padding:0;}
	#nav-nancy li a:hover,
	#nav-nancy li a.active {background:#fff; color:#990000;}



}

@media only screen and (min-device-width : 220px) and (max-width: 480px) {
	
	#nav-nancy { background:#000000;}
	#nav-nancy li {list-style:none;background:#990000;border-bottom:1px solid #fff; line-height:35px;font-size:18px;width:80%;}
	#nav-nancy li a {text-transform:nancypercase;text-align:center;text-decoration:none;color:#fff;transition:all ease .5s;width:100%; margin:0; padding:0;}
	#nav-nancy li a:hover,
	#nav-nancy li a.active {background:#fff; color:#990000;}


}


@media only screen and (min-device-width : 0px) and (max-width: 360px) {
	
	#nav-nancy { background:#000000;}
	#nav-nancy li {list-style:none;background:#990000;border-bottom:1px solid #fff; line-height:35px;font-size:18px;width:80%;}
	#nav-nancy li a {text-transform:nancypercase;text-align:center;text-decoration:none;color:#fff;transition:all ease .5s;width:100%; margin:0; padding:0;}
	#nav-nancy li a:hover,
	#nav-nancy li a.active {background:#fff; color:#990000;}

}

@media only screen and (min-width : 768px ) and (max-width : 1024px )
	{
		#nav-nancy { background:#000000;}
	#nav-nancy li {list-style:none;background:#990000;border-bottom:1px solid #fff; line-height:35px;font-size:18px;width:80%;}
	#nav-nancy li a {text-transform:nancypercase;text-align:center;text-decoration:none;color:#fff;transition:all ease .5s;width:100%; margin:0; padding:0;}
	#nav-nancy li a:hover,
	#nav-nancy li a.active {background:#fff; color:#990000;}


}
	
@media only screen and (min-width : 1024px ) and (max-width : 1280px )
	{

#nav-nancy {width:100%;float:left;background:#990000;line-height:48px;font-size:17px;margin:0; padding:0; padding-bottom:12px;}
#nav-nancy li {float:left;list-style:none;}
#nav-nancy li a {text-transform:uppercase;float:left;text-align:center;margin:0 5%;padding:0 10px;text-decoration:none;color:#fff;transition:all ease .5s;
}
#nav-nancy li a:hover,
#nav-nancy li a.active {background:#ffffff;color:#990000;}


}
	
@media only screen and (min-width : 1280px ) and (max-width : 1360px )
	{
		
#nav-nancy {width:100%;float:left;background:#990000;line-height:48px;font-size:17px;margin:0; padding:0; padding-bottom:12px;}
#nav-nancy li {float:left;list-style:none;}
#nav-nancy li a {text-transform:uppercase;float:left;text-align:center;margin:0 5%;padding:0 10px;text-decoration:none;color:#fff;transition:all ease .5s;
}
#nav-nancy li a:hover,
#nav-nancy li a.active {background:#ffffff;color:#990000;}

}