.about-info{
  	border: 1px solid black;
  	width: 90%;
  	height: 90%;
  	padding: 3% 5% 1% 5%;
  	font-family: 'Roboto', sans-serif;
  	font-size: 1.1rem;
  	line-height: 200%;
  }

  .about-info #aboutLogo {
  	color: rgba(0, 128, 0, 1);
  	font-weight: bold;
  	font-size: 1.2rem;
  }

  .about-write-up{
  	height: 80%;
  }

  .about-category-links {
  	display: inline-block;
  	text-align: center;
  	width: 100%;
  	height: 20%;
  }

  .about-category-links .cat-link{
  	 color: black;
  	 padding-right: 2%;
  	 font-size: 1.3vw;
  	 text-decoration: none;
  }

  .about-category-links .crimson:hover {
  		color: rgba(220, 20, 60, 1.0);
		}

		.about-category-links .green:hover {
			color: rgba(0, 128, 0, 1.0);
		}

		.about-category-links .gold:hover {
			color: rgba(218, 165, 32, 1.0);
		}

		.about-write-up img {
			float: right;
		}

		.about-write-up p {
			display: inline;
			text-align: justify;
		}

		.about-img {
			 /*width: 260px; */
			 width: auto;
			 height: 173px;
			 border-radius: 5px;
		}

		.contact-info{
  	/*border: 1px solid black;*/
  	width: 90%;
  	height: 90%;
  	padding: 0% 5% 1% 5%;
  	font-family: 'Roboto', sans-serif;
  	font-size: 1.1rem;
  	line-height: 200%;
  	display: grid;
  	grid-template-columns: 40%  60%;  	
  }

  .contact-write-up {
  	padding: 1rem 3rem 0 0;
  	font-size: 1.8vw;

  }

  .form-container {
  	padding-left: 2.5rem;
  }

  .form-row {
  	padding-bottom: 1rem;
  }


  .form-label {
  	display: block;
  	font-size: 1rem;
  	vertical-align: baseline;
  }

  .form-input, textarea {
  	width: 97.5%;
  	padding: 0.5rem 0 0.5rem 0.75rem;
  	border-radius: 5px;
  	border: 1px solid silver; 
  	background: #f8fafc;
  }

  .btn-submit {
  	width: 100%;
  	padding: 0.5rem 0 0.375rem 0.75rem;
  }