body

{
     margin: 0;
     padding: 0;
     font-family:sans-serif;
	 background: #000;
}
 

header
{   
      width: 100%;
         height: calc(20vh - px);
     padding:10px 100px;
    
     
    box-sizing: border-box;
}
nav {
    
     
    position:fixed;
    overflow: hidden;
    top: 0;
    display: flex;
    align-items:center;
    background: #fff;
    width: 100%; 

   	

}

	
section
{
     width: 100%;
     height: calc(100vh - 100px);
}
section.sec1 
{
  
     background: url('image4.jpg');
      background-size: cover; 
      background-attachment: fixed;
      background-repeat:no-repeat;  
}

section.sec1 h2
{
    font-size: 1em;	
    margin: 0;
    padding: 0 0 10px;
	color: #fff;
	}
section.sec1 p
	{
    font-size: 1.4em;	
    margin: 0;
    padding: 0;
	color: #fff;
	}


section.sec2
{
    padding: 10%;
    box-sizing: border-box;
    height: auto;
}
section.sec2 h2
{
    font-size: 1em;	
    margin: 0;
    padding: 0 0 20px;
	color: #fff;
	}

	section.sec2 p
	{
    font-size: 1em;	
    margin: 0;
    padding: 0;
	color: #fff;
	}
	
	section.sec3
{
	background: url(image3.jpg);
        background-size: cover; 
        background-attachment: fixed;
        background-repeat:no-repeat;  	
		
	}
section.sec3 h2
{
    font-size: 1em;	
    margin: 0;
    padding: 0 0 20px;
	color: #ffffff;
	}
section.sec4
{
    padding: 10%;
    box-sizing: border-box;
    height: auto;
}
section.sec4 h2
{
    font-size: 1em;	
    margin: 0;
    padding: 0 0 20px;
	color: #ffffff;
	}

	section.sec4 p
	{
    font-size: 1em;	
    margin: 0;
    padding: 0;
	color: #ffffff;
	}




section.sec5
{
    padding: 10%;
    box-sizing: border-box;
    height: auto;
}
section.sec5 h2
{
    font-size: 1em;	
    margin: 0;
    padding: 0 0 20px;
	color: #ffffff;
	}

	section.sec5

	
{
	background: url(image5.jpg);
        background-size: cover; 
        background-attachment: fixed;
        background-repeat:no-repeat;  	
		
	}









nav
{
	 width: 100%;
         height: calc(20vh - px);

         
         background:#000;
	 border-top: 1px solid rgba(255,255,255,.2);
	 border-bottom: 1px solid rgba(255,255,255,.2);
	 position: fixed;
	 top: 60px;
}
   /* Strip the ul of padding and list styling */

 ul {   list-style-type: none;
      
        margin:0px;
        padding:0px;
        position: fixed:
}




   li{
        display: inline-block;
	float:right;
        margin-right: 0px;
        

}


       /* Style for menu links*/
li a {
        display: block;
	 min-width:200px;
	 height:40px;
        text-align: center;
        line-height:40px;
        font-family: "Helvetica Neue",Helvetica, Arial, sans-serif;
        color:#fff;
	background: #000;
        
         
        
        text-decoration: none;
}
        /* Hover state for top level links */
        li:hover a {
        background:#000;
}

        /* Style for dropdown links*/
         li:hover ul li a {
         background: #3f3f3f;
         color: #fff;
         height: 40px;
         line-height: 40px;

     
}
      /* Hover state for dropdown links */
         li:hover ul li a:hover {
         background: #19c589;
         color: #fff;
}



       /* Hide dropdown links until they are needed*/
          li ul {
          display: none;
}
          /* Make dropdown links vertical*/
         li ul li {
        display: block;
        float: none;
        
}

       /* Prevent text wrapping on dropdown links */
          li ul li a {
          width: auto;
          min-width: 100px;
          padding: 0 20px;
}


      /* Display the dropdown on hover */
        ul li a:hover + .hidden, .hidden:hover {
        display: block;
}

        /* Hide checkbox */
        input[type=checkbox]{
        display: none;
}
       /* Show menu when invisible checkbox is checked */
       input[type=checkbox]:checked ~ #menu {
       display: block;
}
       .show-menu {
        font-family: "Helvetica Neue",Helvetica, Arial, sans-serif;
	text decoration: none;
        color: #fff;
        background: #19c589;
        text-align: center;      
        font-size: 10px;
        padding: 10px 0;
        display: none;
       
}
       /* Responsive styles */
        @media screen and (max-width: 300px) {
        /* Make dropdown links appear links */
        
        ul{
        position: static;
        display: none;
}
        /* Create vertical spacing */
        li{
        margin bottom: 1px;
        }
        /* Make all menu links full  width */
       ul li, li a{
       width: 100%;
        }
       .show-menu {
       display: block;
        }
       body{
       background-image: none;
        }

img{ max-width: 100%
}


}