﻿
#content {

  padding: 16px;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  box-sizing: border-box;
}

#rightColumn1 {
  padding: 16px;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #77BB5F;

  
  
  background: #FFFFFF;
  box-sizing: border-box;
}

/* Allow right column to shrink once viewport < 980px */
@media (max-width: 980px) {
  #contentWrapper {
    grid-template-columns: 1fr minmax(150px, 216px);
   }

input[type=text], select, textarea {
	width: 100%;
  }

#outerWrapper {
	width: 95%;
	}


}

/* Stack into single column on very small screens */
@media (max-width: 768px) {
  #contentWrapper {
    grid-template-columns: 1fr;
  }

  #rightColumn1 {
    order: 2; /* ensures right column moves below left */
  }

input[type=text], select, textarea {
	width: 100%;
}

#outerWrapper {
	width: 95%;
	}
/* fudge to give more room on narrow screens */
#newscontainer {
 
  height: 800px;

} 


}


