@charset "utf-8";
.navbar.navbar-default.navbar-fixed-top .container-fluid #topFixedNavbar1 {
	background-color: rgba(42,42,42,1.00);
	color: rgba(255,255,255,1.00);
}
.nav.navbar-nav .active a {
	background-color: rgba(42,42,42,1.00);
	color: rgba(255,255,255,1.00);
	margin-left: 10px;
}
.nav.navbar-nav li a {
	color: rgba(255,255,255,1.00);
	margin-left: 10px;
}

.nav.navbar-nav li a:hover {
	color: rgba(200,0,0,1.00);
	margin-left: 10px;
}

.navbar.navbar-default.navbar-fixed-top .container-fluid .navbar-header {
	background-color: rgba(42,42,42,1.00);
}




@media screen and (max-width: 1920px){
	.banner{
		width: 100%;
		height: 100px;
		display: block;
		text-align: left;
		margin-top: 2%;
		padding-left: 2%;
	}

	.homeimg{
		width: 100%;
		height: 600px;
		background-image: url(../images/test.jpg);
		border-bottom-color: rgba(200,0,0,1.00);
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-top-color: rgba(200,0,0,1.00);
		border-top-style: solid;
		border-top-width: 2px;

	}
	
	.tophome{
		width: 85%;
		height: 400px;
		margin-top: 100px;
		margin-left: 7.5%;
		background-color: rgba(0,0,0,0.7);
		position: absolute;
		display: block;
		text-align: left;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 2%;
		overflow-y: auto;
	}
	
	.aboutp{
	width: 100%;
	height: 600px;
	clear: both;
	background-color: rgba(0,0,0,1.00);
	color: rgba(228,228,228,1.00);
	padding-top: 40px;
	padding-left: 3%;
	padding-right: 5%;
	overflow-y: auto;
	columns: 3 auto;
	column-gap: 5%;
	column-fill: auto;
	}
	
	.project{
		width: 100%;
		height: 50px;
		padding-left: 2%;
	}
	
	.con{
	width: 100%;
	height: 200px;
	padding-left: 2%;
	padding-top: 3%;
	background-color: rgba(43,43,43,1.00);
	border-top: 2px solid rgba(200,0,0,1.00);
	}
}

@media screen and (max-width: 1680px){
	
}

@media screen and (max-width: 1280px){	
}

@media screen and (max-width: 768px){
		.aboutp{
	width: 100%;
	height: 600px;
	clear: both;
	background-color: rgba(0,0,0,1.00);
	color: rgba(228,228,228,1.00);
	padding-top: 40px;
	padding-left: 3%;
	padding-right: 5%;
	overflow-y: auto;
	columns: 2 auto;
	column-gap: 5%;
	column-fill: auto;
	}
}
