body {
	margin: 0px;
}

div {
	margin-left: auto;
	margin-right: :auto;
	font-family: Lato, sans-serif;
	text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

#title {
	height: 300px;
    line-height: 300px;
    font-size: 56pt;
    font-weight: 700;
    white-space: nowrap;

}

#content {
	height: 600px;
    color: white;

    background-color: black;
    background-image: url("../images/sf-e.jpg");s
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#motto {
	font-size: 28pt;
	padding-top: 8%;
	margin-bottom: 7%;
	font-weight: 700;
	text-transform: uppercase;
}

a {
	font-size: 18pt;
    color:white;
    text-decoration: none;
    padding: 12px 100px 12px 100px;
    border: 2px solid white;
    transition: .3s all ease-in-out;
}

a:hover {
	color:black;
	background-color: white;
}