@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,300i,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,700");

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: 'Source Sans Pro', serif;
	font-size: 16px;
}

@media (max-device-width: 1400px) {
	html,body {
		font-size: 12px;
	}
}

h1 {
    margin: 0;
}

.navbar-template {
    position: absolute;
    width: 100%;
    height: 3rem;
}

.columns {
	display: flex;
}

.side-column {
    width: 10%;
   }


@media only screen and (max-device-width: 900px) and (orientation: portrait) {
	.side-column {
		width: 5%;
	  }
}

.main-column {
width: 80%;
}

@media only screen and (max-device-width: 900px) and (orientation: portrait) {
	.main-column {
		width: 90%;
	  }
}

.underline {
    text-decoration: none;
    position: relative;
    margin-bottom: 2.5rem;
}

.underline:after {
   position: absolute;
   content: '';
   height: 0.125rem;
   bottom: -1.5rem;
   background: white;
   margin: 0 auto;
   left: 0;
   right: 0;
   width: 5rem;
   background: white;
}

@media only screen and (max-device-width: 900px) and (orientation: portrait) {
    .underline {
        margin-bottom: 1.25rem;
    }
    
    .underline:after {
       position: absolute;
       content: '';
       height: 0.125rem;
       bottom: -0.75rem;
    }
}

.headline_references {
    color: #000f01;
    font-size: 4rem;
    font-weight: 600;
    line-height: 2.8em;
    text-align: center;
    letter-spacing: 1rem;
}

.headline_contact {
    color: white;
    font-size: 4rem;
    font-weight: 600;
    line-height: 2.8em;
    text-align: center;
    letter-spacing: 1rem;
}

@media only screen and (max-device-width: 900px) and (orientation: portrait) {
    .headline_references {
        color: #000f01;
        padding-top: .25rem;
        font-size: 2.75rem;
        font-weight: 600;
        text-align: center;
    }

    .headline_contact {
        color: white;
        padding-top: .25rem;
        font-size: 2.75rem;
        font-weight: 600;
        text-align: center;
    }
}
