/*background fixed image*/

body{ 	
      	background: url("../img/etsy-handmade.jpg")no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;	
      		
      }
      
      /*h1 styling*/

      h1 {
         color: #fff;
         font-family: 'Roboto', sans-serif;
         font-weight: 100;
         font-size: 50px;
         margin: 0px;
         
      }

      #index {
        text-decoration: none;
      }

      /*p styling inside header-box*/


	  p{
         color: #fff;
         font-family: 'Roboto', sans-serif;
         font-weight: 300;
         font-size: 18px;
		}
      /*div .header-box adding semi-transperent
      
      */

      .header-box {
      	background-color:  rgba(0, 0, 0, 0.6);
      	padding: 20px 20px;
      	width: 300px;
      	margin:100px auto;
      	text-align: center;  
         border-radius: 10px;
      }