 body
{

margin:0;
padding:0;
font-family: Quicksand;


}


nav 
{
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100px;
padding: 10px 100px;
box-sizing: border-box;
transition: .3s;


}


nav.black{

background: rgba(0,0,0,0.8);
height: 100px;
padding: 10px 100px;




}


nav.logo{
padding: 22px 20px;
height:80px;
float: left;
font-size: 26px;
transition: .3s;



}




img {
  width: 200px;
  height: auto;
}

img.black2
 {
  width: 100px;
  height: auto;
  -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
  animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from { width: 200px;}
  to {width: 100px;;}
}

/* Standard syntax */
@keyframes mymove {
 from { width: 200px;}
  to {width: 100px;;}
}



nav.black.logo{

color:#fff;


}



nav.ul{
list-style: none;
float: right;
margin: 0;
padding: 0;

}


nav ul li {

list-style: none;

display: inline;
float: right;

}


nav ul li a {

line-height: 20px;
color : #151515;
padding: 12px 30px;
text-decoration: none;
text-transform: uppercase;
transition: .3s;


}


nav.black ul li a{


color: #fff;

}




nav ul li a: focus{

outline: none;
}


nav ul li a.active{

background: #E2472F;
color: #fff;
border-radius:6px;


}

section.sec1{
width: 100%;
height: 100vh;
background-image: url("image/BG.jpg");
background-size: cover;
background-position: center;

}


.content{

margin-top: 40px;

}

.content p{

width: 900px;
margin:30px auto;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
line-height: 30px;

}

.know {
    margin:30px auto;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  width: 100%;
  text-align: justify;
  font-size:30px;
   text-align: center;
}



 