#hero {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-image: url('hero.jpg');
     z-index: -1;
     background-size: cover;
}

#homeText {
     text-align: center;
     margin: auto;
     background: rgba(34, 34, 34, 0.94);
     font-family: 'Montserrat', sans-serif;
     font-size: 14pt;
     color: white;
     padding: 1%;
     box-shadow: 20px 20px 20px rgba(0,0,0,.2);
     width: 50%;
     max-width: -moz-max-content;
     max-width: max-content;
     min-width: 500px;
}

.outer {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100vh;
     top: 0px;
     left: 0px;
     width: 100%;
}

h1 {
	font-family: 'Montserrat', sans-serif, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
	font-weight: bold;
	font-size: 56px;
    line-height: 1.2;
    margin: 20px;
    word-wrap: break-word;
    user-select: none;
}

h2 {
	font-family: 'Montserrat', sans-serif, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
	font-weight: normal;
}

hr {
    border: 0;
    height: 1px;
    background: #ffffff;
    background-image: -webkit-linear-gradient(left, #333333, #ffffff, #333333); 
    background-image:    -moz-linear-gradient(left, #333333, #ffffff, #333333); 
    background-image:     -ms-linear-gradient(left, #333333, #ffffff, #333333); 
    background-image:      -o-linear-gradient(left, #333333, #ffffff, #333333); 
}

a {
     color: inherit;
     text-decoration: none;
}