@media screen and (max-width: 768px) {
  #main {
    padding: 0px !important;
  }
  #left {
    text-align: left !important;
  }
  #left ul {
    padding: 0px;
  }
  .companyLogo {
    width: 100%;
	clear: both;
	height: 40px;
  }
  .jobTitle {
	  text-align: left !important;
  }
  .jobDates {
	  text-align: left !important;
  }
  body .jobDuties {
		margin-left: 0px !important;
		padding-left: 18px !important;
	}
}
body {
  font-family: 'Crimson Text', serif;
  background: #dbdbdb;
  font-size: 14px;
}
body h1,
body h2,
body h3,
body h4 {
  font-family: 'Oswald', sans-serif;
}
body h1 {
  font-size: 36px;
}
body h2 {
  font-size: 24px;
}
body h3 {
  font-size: 16px;
}
body .jobDuties {
  margin-left: 24px;
  padding-top: 10px;
}
body .employerName {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
}
body .jobTitle {
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
  text-align: right;
}
body .jobLocation {
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
}
body .jobDates {
  font-size: 14px;
  font-family: 'Oswald', sans-serif;
  text-align: right;
}
body .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
body .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
body #main {
  max-width: 900px;
  margin: 0px auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
body #left {
  color: white;
  background: #232C37;
  text-align: right;
  font-size: 16px;
  padding-bottom: 25px;
}
body #left .photo {
  float: left;
  margin-top: 30px;
}
body #left ul {
  list-style: none;
}
body #left a {
  color: white;
  text-decoration: none;
}
body #left a:hover {
  text-decoration: underline;
}
body #left #contact {
  font-size: 20px;
}
body #left #contact ul li {
  line-height: 25px;
}
body #left h1,
body #left h2,
body #left h3,
body #left h4 {
  color: white;
}
body #right {
  color: black;
  background: white;
  padding-bottom: 25px;
}
body #right img {
  float: left;
  margin-right: 10px;
}