*{
	padding:0px;
	margin:0px;
}
body{
	width:auto;
	height:auto;
}
#wrapper{
	width:100%;
	height:auto;
	overflow-x:hidden;
}

	/* Navbar */
.navbar{
	background:#202020;
	margin:0 50px -30px 50px;
}	
.navbar-collapse{
	background:#202020;
	transition: all .4s ease-in-out; 
}
.navbar-collapse a{
	color:red;
	border-bottom:solid #202020 1px;
	margin:0 25px;
	font-size:18px;
}
.navbar-collapse a:hover{
	color:#00CC00;
	border-bottom:solid #00CC00 1px;
	transition: all .4s ease-in-out; 
}
.navbar-collapse a:active{
	color:green;
	background:white;
}
.navbar-toggler{
	color:black;
	border:solid black 1px;
	border-radius:15%;
	padding:5px 7px;
}
.navbar-toggler:hover{
	background:black; 
	color:white;
}
	
	/* Header-section */
#header-sec{
	width:100%;
	height:auto;
	padding:30px 0;
}
#header-sec .container{
	display:flex;
	justify-content:space-around;
	align-items:center;
}
#header-sec .box-1{
	display:flex;
}
#header-sec img{
	width:150px;
	height:100px;
}
#header-sec h1{
	color:red;
	font-size:43px;
	padding:2px;
	margin-top:25px;
	font-family:arial;
	font-weight:bold;
	line-height:27px;
}
#header-sec h6{
	padding:1px;
}
#header-sec small{
	font-size:18px;
	color:black;
}
#header-sec sup{
	font-size:20px;
	margin:0 2px;
}

	/* Whatsapp-chat */
.whatsapp a{
	position:fixed;
	bottom:30px;
	right:35px;
	z-index:9999;
	padding:0px 12px;
	border-radius:20%;
	font-size:40px;
	color:white;
	background:#33CC33;
}

	/* Section-3 */
#section-1{
	width:100%;
	height:450px;
	padding:50px 0;
	background:url('../images/about.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}
#section-1 h1{
	color:red; 
	padding:140px 0;
	font-size:45px;
	font-weight:bold;
}

	/* Section-2 */
#section-2{
	width:100%;
	height:auto;
	padding:40px 0;
}
#section-2 p{
	font-size:19px;
}

	/* Section-3 */
#section-3{
	width:100%;
	height:auto;
	padding:50px 0;
}
#section-3 .container{
	display:flex;
	justify-content:space-between;
}
#section-3 .box-1 h2{
	padding:2px ;
	margin-right:50px;
	font-weight:bold;
}
#section-3 .box-1 form{
	margin:30px 0;
}
#section-3 .box-1 input{
	width:450px;
	margin:5px 0;
	padding:10px 15px;
	color:red;
	border:solid black 1px;
	border-radius:10px;
}
#section-3 .box-1 textarea{
	width:450px;
	height:150px;
	margin:10px 0;
	padding:5px 10px;
	color:red;
	border:solid black 1px;
	border-radius:10px;

}
#section-3 .box-1 form .button{
	color:white;
	background:red;
	border:none;
	font-weight:bold;
	width:200px;
}
#section-3 .box-1 form .button:hover{
	background:#00CC00;
}
#section-3 .box-2 iframe{
	margin:25px 50px;
}
	
	/* Footer */
#footer{
	color:white;
	background: #202020;
	padding:40px 0;
}
#footer h5{
	color:red;
	padding:2px;
}
#footer a{
	color:white;
}
#footer a:hover{
	color:#00CC00;
}


@media screen and (max-width:768px){
	/* Header section */
	#header-sec .box-1{
		position:absolute;
		margin-top:75px;
		margin-left:20px;
	}
	#header-sec .box-2{
		display:none;
	}
	#header-sec h1{
		font-size:30px;
		line-height:12px;
	}
	#header-sec small{
		font-size:12px;
	}
	#header-sec sup{
		font-size:18px;
	}
	#header-sec img{
		width:75px;
		height:60px;
	}
	
	/* Navbar */
	.navbar{
		margin:0 0 50px 0;
		padding:0;
		background:none;
	}
	
	/* Section-2 */	
	#section-2{
		padding:50px 0px;
	}
	
	/* Section-3 */
	#section-3{
		padding:0 5px;
	}
	#section-3 .container{
		display:block;
	}
	#section-3 .box-1 input{
		width:330px;
	}
	#section-3 .box-1 textarea{
		width:330px;
	}
	#section-3 .box-2 iframe{
		width:330px;
		height:330px;
		margin:20px 5px;
	}
	
	/* Footer */
	#footer{
		padding:20px 0;
	}
	#footer .col{
		width:700px;
		margin:0 5px;
	}

}

• [F] about.css
  Delete
• [F] contact.css
  Delete