*{
padding:0px;
margin:0px;
overflow-x:hidden;
}
body{
width:auto;
height:auto;
}
/* Navbar */
.navbar{
background:#202020;
margin:0 50px -30px 50px;
z-index:10;
}
.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-1*/
#section-1{
width:100%;
height:auto;
background:url('../images/about.jpg');
text-align:center;
opacity:0.8;
}
#section-1 h1{
color:red;
margin:175px 0;
padding:5px;
font-size:45px;
}
/* Section-2 */
#section-2{
width:100%;
height:auto;
padding:50px 0;
}
#section-2 h2{
margin:5px 0;
padding:2px;
color:red;
font-weight:bold;
}
#section-2 p{
font-size:18px;
}
#section-2 li{
font-size:18px;
}
/* Footer */
#footer{
color:white;
background: #202020;
padding:40px 0;
}
#footer h5{
color:red;
padding:2px;
}
#footer a{
color:white;
}
#footer a:hover{
color:#00CC00;
}
::marker{
color:darkblue;
font-size:20px;
}
@media screen and (max-width:768px){
/* Header section */
#header-sec .box-1{
position:absolute;
margin-top:100px;
margin-left:20px;
}
#header-sec .box-2{
display:none;
}
#header-sec h1{
font-size:30px;
padding:5px 0;
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;
}
/* Footer */
#footer{
padding:20px 0;
}
#footer .col{
width:700px;
margin:0 5px;
}
}