body {
    background-color: lightgrey;
	font-family: "Montserrat";
	color: grey;
	}

h1 {
    color: navy;
    margin-left: 20px;
}
.negative {
	font-family: "Montserrat";
	color: lightgrey;
	background-color: grey;
	font: normal "Montserrat", Helvetica, sans-serif;
	}
.negativename {
	font-family: "Montserrat";
	color: lightgrey;
	background-color: grey;
	font: normal 42px/normal "Montserrat", Helvetica, sans-serif;
	}

.contacticon {
	text-align: left;
}
.parallax { 
    /* The image used */
    background-image: url("images/icons-scattered-grey-lg.png");

    /* Set a specific height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.retro {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  border: none;
  font: normal 82px/normal "Montserrat Subrayada", Helvetica, sans-serif;
  color: rgb(112, 112, 112);
  font-style: normal;
  text-align: right;
  text-transform: uppercase;
  text-overflow: clip;
  letter-spacing: 0px;
}
.namebadge {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  border: none;
  font: normal 42px/normal "Montserrat", Helvetica, sans-serif;
  color: rgb(112, 112, 112);
  font-style: normal;
  text-align: left;
  text-overflow: clip;
  letter-spacing: 0px;
}
.rotate {
  font: normal 42px/normal "Montserrat", Helvetica, sans-serif;
  color: rgb(112, 112, 112);
  font-style: normal;
  text-align: left;
  letter-spacing: 0px;
/* Safari, Chrome */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);

}