html 
{
height: 100%;
box-sizing: border-box;

}

.software-link {
    color: white;
}

.software-page-section-header {
    background-color: #6b6d68;
}

.foto 
{
  background-image: url('http://pages.stern.nyu.edu/~marriaga/manuel-arriaga-header.jpg'); 
  background-repeat: no-repeat;
  background-size:cover;
  background-position: 90% center;
  width: 100%;
  height: 30%;
  position: relative;
}

body
{
height: 100%;
min-height: 100%;
position: relative; 
background: transparent;
}

.vertically-center {
    position: relative;
    top: 60%;
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

h1 {font-variant: small-caps; font-size: 300%; color: #f2f1d7; padding-left: 0.5em;}
h2 {font-variant: small-caps; font-size: 150%; color: white; padding-left: 0.3em; padding-top: 1.5em;}}
h3 {font-variant: small-caps; font-size: 120%;}

p,li,span {font-family: Comfortaa; font-size: 100%; text-align=justify; }

ul {list-style-type:square;}

li {margin-top: 1em;}

.equal-height { /* https://stackoverflow.com/a/22892773  and https://stackoverflow.com/a/42948912 */
  display: flex;
  display: -webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}


.row:before, .row:after {display: none;} /* horrible hack required to get Safari do display bootstrap columns correctly

@-moz-document url-prefix() { 
/* horrible hack required by the horrible hack above to allow Firefox to still work  */
.row:before, .row:after {display: block;}
}