body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: lightgrey;
	
	font-family: Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;

}
ul{
	text-align:left;
}


.article{
	display:none;
}
.article.active{
	display:block;
}
.navbar {
	border-bottom: 2px solid black;
}


.nav-item{
	font-size: 1.5rem;
	text-transform:uppercase;
	border:1px solid lightgrey;
	margin-right:3px;
	padding-left:3px;
	padding-right:3px;
}
.longtext{
	font-size: 0.8rem;
}

.h2_longtext{
	font-size: 1.2rem;
}

.nav-item:hover:not(.active){
	cursor:pointer;
	border:1px solid black;
	border-radius:10px;
}


.nav-item.active{
	border-left: 5px solid #ffd430;
    border-right: 5px solid #ffd430;
}
.header_div{
	text-align:left;
}

.header{
	font-size: 1.5rem!important;
    font-weight: 600;
    margin-bottom: 3px!important;

}
.article{
	text-align: center;
	font-size: 1.25rem!important;
    line-height: 1.4!important;
	min-height:100vh;
}
.directive{
    text-transform: uppercase;
    font-weight: 300;
    font-size: .9rem;
    margin-bottom: 0;
}	

.navbar-toggler-icon{
		cursor:pointer;
	border:1px solid black;
	border-radius:10px;
	padding:3px;
	width: 80px;
	
}
.navbar-toggler,button:focus{
	outline: none;
}