body {
      background: #2e4d50 url('../index-img/bg.png') no-repeat center center/cover;
      font: 15px raleway; 
      background-size: 100%;
      height: 100vh;
      margin:0;
      padding:0;
      color:#fff; 

    }

    .main-project{padding-top: 350px;}

    .main-project span {
      display: block;
      margin-left: 40px; 
      padding-top:40px; 
      color: #ff3d00; 
      font-weight: 400; 
      text-transform: uppercase;
      font-size: 18px;
      text-decoration:underline;
    } 

    h1,h2,h3 {
      font-weight: 200; 
      margin: 0 40px;
    }

    ol li {
      padding:5px;
      margin-left: 15px;
    }

    ol li a {text-decoration:none; color:#fff;}
    ol li a:hover {text-decoration:underline; color:#ff3d00;}
    ol li a:active {color:red;}
    .main-heading h1{display: none;}

/* mobile media screen */

 @media only screen and (max-width: 768px) {
    
    body {
       background: #2e4d50;
       background: #2e4d50 url('../index-img/bg-mob.png') no-repeat center center/cover;
       font-size: 12px;
       margin-left:-20px; 
    }
    
    .main-project{padding-top: 30px;}
    .main-heading h1{
       font-weight: 300;
       font-size: 28px;
       text-align: center;
       margin-bottom: 35px;
       display: block;
     }
   
     h3 {font-size: 14px;}     
     h1{font-size: 23px;}
   
   
  }