body{
  font-family: 'Raleway', sans-serif;
  height: auto; 
  width: auto;
  min-width: 1000px;
  margin: 0 auto; 
}

.flex-container{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}

.flex-item{
  width: 1000px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.section{
  width: 100%;
  height: 600px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section2{
  width: 100%;
  height: 2150px;
  padding: 3%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section3{
  width: 100%;
  height: 300px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.head{
  height: 500px;
  width: 100%;
  background-image: url("../img/header-img.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
}

.empty{
  height: 100px;
  width: 100%;
  box-shadow: inset 0 -4px 8px 0 rgba(0, 0, 0, 0.2),inset 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
}

#footer{
  background-color: #303032;
  width: 100%;
  height: 50px;
  color: #C0C0C0;
  padding: 15px;
}

h1{
  font-family: 'Slabo 27px', serif;
  font-weight: bold;
  font-size: 5em;
}

#picture_of_me{
  float: left;
  border-radius: 25px;
  width: 254px;
  height: 300px;
  margin-top: 20px;
}

.column1 {
  width: 30%;
  float: left;
  padding: 15px;
}

.column2 {
  width: 70%;
  float: left;
  padding: 15px;
}

.links{
  font-size: 3em;
  width: 800px;
  align-self: center;
  margin-top: 1%;
}

.flex-row{
  display: flex;
  flex-flow: row no-wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}

.portf-elem{
  font-family: "Monstarrat", sans-serif;
}

.sample{
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sample:hover{
  transform:scale(1.1,1.1);
}

p{
  text-indent: 5%;
}