body { 
  background: url(../img/farming.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


html , body {

	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}


header {

  
  height:120px;
}

h2{

color:white;
font-size:28px;
margin-left: 5em;

}

.nav-item {
  color: blue;
}



 nav a {

  color:black;
 }


p { text-align: center; }


.navbar-nav > li{
  margin-left:50px;
  margin-right:50px;
} 




.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


main {
margin-top: 160px;
display: flex;
flex-direction: column;
color:white;
align-items: center;
height:500px;
 

}

.p1{

  font-size: 50px;
  line-height: 90%
 
}



.p2 {

   font-size: 25px;
   font-style: italic;
line-height: 95%;

   

}

.p3{
   font-size: 20px;
   font-style: normal;


}



/*
 * Footer
 */

footer .p4 { 
             margin-bottom: -15px;
}


.mastfoot {
	color: rgba(255, 255, 255, .5);
    
}




@media screen and (min-width: 200px) and (max-width: 513px) {
  .p1 { display: flex;
       justify-content: center;
       
     }}



@media screen and (min-width: 200px) and (max-width: 513px) {
  main { margin-top:80px;
    height:70%;
      
       
     }}

@media screen and (min-width: 200px) and (max-width: 513px) {
  .navbar-nav >li>a  {
   
   font-size:14px ;

      
       
     }}
@media screen and (min-width: 200px) and (max-width: 513px) {
  .navbar-nav .dropdown-menu >a  {
   
   font-size:10px ;

      
       
     }}

@media screen and (min-width: 200px) and (max-width: 768px) {
  .navbar-nav .dropdown-menu >a .drop {
   
   display: flex;
   flex-direction:column;  }}