img {
  max-width: 100%;
  max-height: 100%;
}

section, .projects, .sidespace {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

/* Main styles */

img.round {
/*  border:5px solid white;*/
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.project_name {
  text-align: center;
  font-size: 14px;
  margin-top: 35px;
   padding: 0 0 0 14px;
   display: inline-block;
   transform: translate(0, -18px);
}

.darkgray {background-color: rgba(18,48,53,.9);}

.green {background-color: rgba(65,153,40,.75);}

.red {background-color: rgba(143,76,104,.7);}

.blue {background-color: rgba(25,149,165,.6);}

.project_title {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
/*  position: relative;*/
display: inline-block;
}

#resume_button:hover {
  color:green;
  cursor: pointer;
}

.moreinfo_icon {
  width: 30px;
  height: 30px;
  padding: 11px;
  display: inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
}

.close_icon {
  width: 30px;
  height: 30px;
  padding: 11px;
  float:right;
  cursor: pointer;
}

.moreinfo_icon:hover {
  padding: 3px;
  margin: 8px;
  background-color: #E0E0E0;
   -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.description {
  padding: 10px;
  font-size: 16px;
  border: 1px solid rgba(18,48,53,.2);
     -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.project_link_container {
 position: relative;
/*  height: 100%;*/
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.project_link_container:hover {
/*    cursor: pointer;
    border:0px solid white;*/
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
}

.bold_link {
  color: #AA7552 ;
}

.button_container {
  padding:0;
}

.button_link {
/*  margin: 50px 10px 10px 10px;*/
font-size: 16px;
  padding: 16px;
  text-transform: uppercase;
    -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.github_link:hover {
  color: black;
}


/* Footer styles */

footer li {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  color:rgba(18,48,53,.9);
}

footer ul {
  margin-right: auto;
  margin-left: auto;
}