* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; /*used this as border-box allows for easier sizing*/
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

.clear {
  clear: both;
}

header {
  font-family: 'Open Sans';
  margin-top: 50px;
  margin-bottom: -30px;
}

body {
  background-color: #FFFFFF;
  font-family: 'Open Sans';
}

main {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1200px;
}

.intro {
  width: 100%;
  margin-top: 30px;
  display:inline-block;
}

.profile-image {
  width: 250px;
  height: 300px;
  float: left;
}

.introduction-text-header {
  float: left;
  max-width: 800px;
  margin-left: 40px;
  font-size: 150px;
  margin-bottom: -20px;
  font-weight: bold;
}

.introduction-text {
  float: left;
  max-width: 800px;
  margin-left: 40px;
  margin-top: 5px;
}
.skill-text p {
  font-weight:bold;
}

footer p {
  text-align: center;
}
p {
  font-size: 22px;
}

.introduction-text-header p {
  font-size: 30px;
  font-weight: bold;
}

.h3 {
  text-align: left;
}

.subheading {
  font-family: 'Open Sans';
  color: black;
}

.grid-container {
  width: 100%;
}

[class*='col-'] { /*styles the columns for prev projs*/
  float: left;
  min-height: 1px;
  width: 33.33%;
  padding: 20px;
  background-color: #e5e3e3;
}

[class*='col-'] > p {/*for the proj descriptions*/
  background-color: #CECECE;
  text-align: center;
  color: black;
}

.box-image {
  width: 350px;
  height: 350px;
}

.job-description {
  text-align: center;
}