body{
	background-color: white;
}

.content{
	font-size: 14pt;
	max-width: 800px;
}

nav{
	 width: 100%;
	 display: flex;
}

p{
	    line-height: calc(1ex / 0.32);
	    max-width: 100%;
	    line-height: 26px;
  		text-rendering: optimizelegibility !important;
  		letter-spacing: .03em;
}

.navbar-links{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

.navbar-links li{
	list-style: none;
}

.navbar-links a{
	text-decoration: none;
	color: black;
    font-weight: 700;
}

.line{
	height: 1px;
	background-color: lightgrey;
	width: 100%;
}

.brand{
	text-decoration: none;
}



@media only screen and (min-width: 650px){
	.navbar-links{
		    margin-left: auto;
		    width: 50%;
	}

	body{
		font-size: 1em;
	}	

	.content{
		width: 70%;
		margin: 10px auto;
	}
}

@media only screen and (max-width:  649px){
	nav{
		align-content: stretch;
    	align-items: center;
    }

    .navbar-links{
    	flex-direction: column;
    }
}

@supports (font-size-adjust: 1;) {
    .content {
        font-size-adjust: 0.5;
    }
}