/*make sure to add break points for mobile sites when you need to. Right now the desktop version is ridiculous */
		.menu * {
			 display: none;
		}

		.active.menu * {
			display: block;
		}

		#back-to-top {
			position: fixed;
			right: 0px;
			bottom: 0px;
		}

		#firstHeading {
			line-height: 100%;
			font-size: 9vw;
			/*text-align: center;*/
			font-family: 'Montserrat', sans-serif;
			color: black;
		}

		.fa{
			font-size: 50px;
			color: black;
			padding-left: 8vw;
		}

		.active.fa {
			font-size: 50px;
			color: #98999b;
		}
		.active.fa:hover{
			color: black;
			transition: 0.1s;
		}

		.fa:hover {
			color: #98999b;
			transition: 0.1s;
		}

		i {
			padding-top: 5vw;
		}

		.navBox {
			background:#f4f5f7;
			padding: 5vw;
			max-width:100%;
		}

		/*.navContainer {
			background-color: gray;
		}*/

		a{
			text-decoration: none;
			/*color: black;*/
			line-height: 150%;
		}

		a:hover { 
    		color: #9fa3a8;
    		transition: 0.1s;
		}

		#toc {
			right: 0;
			bottom: 0;
			/*float: right;*/
			/*text-align: center;*/
			color: black;
			text-decoration: none;
			font-family: 'Montserrat', sans-serif;
			
		}

		nav {
			font-size: 24px;
			text-transform: uppercase;
			list-style: none;
			padding-left: 0px;
			font-weight: bold;
		}

		.main-head {
			color: #355fad;
			text-transform: none;
			text-transform: uppercase;
			font-weight: bold; 
			font-size: 24px;
		}

		.subhead {
			color: #53a5e0;
			/*padding-left: 20px;*/
			text-transform: none;
			font-size: 20px;
			/*	font-weight: none;*/
		}

		li {
			list-style: none;
		}

		ul {
			line-height: 35px;
			padding-left: 15px;
		}

		br {
			line-height: 20px;
		}

		#toctitle {
			padding-top: 5%;
			font-size: 5vw;
			font-family: 'Montserrat', sans-serif;
			color: black;
			display: none;
		}
		
		html {
			font-family: 'Source Sans Pro', sans-serif;
		}

		.text {
			padding:8vw;
			border:0px;
		}

		body {
			/*max-width: 80%;*/
			margin: 0 auto;
			font-size: 25px;
			/*line-height: 150%;*/
		}

		p {
			font-size: 20px;
			width: 100%;
			line-height: 150%;
		}

		img {
			width: 100%;
		}

		h1{
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			text-align: center;
			font-size: 30px;
			color: #15006d;
		}

		h2 {
			line-height: 120%;
			/*	font-size: 20px;*/
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			text-align: center;
			color: #355fad;
			font-size: 28px;
		}

		h3{
			line-height: 120%;
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			text-align: center;
			color:#53a5e0;
		}

		/*nav {
			display: none;
			}*/

			blockquote {
				font-style: italic;
				margin: 10px;
			}

			button {
				background-color: white;
				font-size: 15px;
				/*border: 5px solid white;*/
				text-decoration: none;
				color: gray;
				font-family: 'Montserrat', sans-serif;
				text-transform: uppercase;
				/*color: #f4ce42;*/
			}