html {

  height: 100%;
  width: 100%;
  
}
	  
	  
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      line-height: 1.6;
      width: 100%;
      height: 100%;
      color: #333;
    }
    
    .bg-img {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("NASCO-background-02.jpg") center center no-repeat;
 
  background-size: cover;
  
  &:before {
    content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right,#585858,#333333);
	opacity: .5; 
  }
}


@media (min-width: 1160px){

.container {
  
      
      width: 90%;
      max-width: 1280px;
      display: block;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      background-color: #FFF;
      position: absolute;
      top:20%;
      left:50%;
      border:0px red solid;
      margin-left:-640px;
    }
    
     .content-display
    {
	    padding: 50px;
	}
	
	.logo img
    {
	    padding: 0px;
	    padding-left: 50px;
	    padding-top: 20px;
	    padding-bottom: 0px;
	}

	
	
	/* … */
}

@media (max-width: 1159px) {
	
	.container {
  
     width: 90%;
      margin: auto;
      padding: 0px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      background-color: #FFF;
     position: absolute;
      left: 5%;
      top:20%;
        border:0px red solid;
       
    }
    
    
    .content-display, .logo
    {
	    padding: 30px;
	}

  /* … */
}

@media (max-width: 640px) {
	
	.container {
  
     width: 90%;
      margin: auto;
      padding: 0px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      background-color: #FFF;
     position: absolute;
      left: 5%;
      top:1%;
        border:0px red solid;
         overflow: scroll;
    }
    
    
    .content-display, .logo
    {
	    padding: 20px;
	}

  /* … */
}





	.logo img
	
	{
		width: 200px;
	}
    
        h1 {
      color: #585858;
       font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  letter-spacing: 2px;
  padding: 0px;
  line-height: 100%;
    }
    
     h2 {
      color: #585858;
       font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  letter-spacing: 2px;
  font-size: 1.623rem;
  font-weight: 100;
  line-height: 110%;
    }
    a {
      color: #585858;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    .cta {
      margin-top: 30px;
      display: inline-block;
      background: #aacdb3;
      color: white;
      padding: 12px 20px;
      border-radius: 0px;
    }
    
    .footerlinks a
    {
	    padding-right: 5px;
	    padding-left: 5px;
    }