@font-face {font-family:"Passion One";
			src: url(/fonts/passion-one/Passion-One.otf) }
			
@font-face {font-family:"Aller";
			src: url(/fonts/aller/Aller_Rg.ttf) }


.nav { background-color: mintcream; padding-top:1%;}

.nav a { text-transform:uppercase;
	color: #08c4c9; 
	font-size:20px;
	font-family: 'Passion One'; sans-serif;
	text-decoration:none;
	background-color:#f4eff0;
	text-align: center;
	padding: 14px; }

.nav li {display:inline;}

/*Until here we're okay, this is usable universal CSS. The next part is icky index CSS...*/

.homejumbotron {
     background-image:url('images/returnascent.jpg');
     height: auto;
     width: 100%;
     margin-bottom: 80px solid paleturquoise;
     background-repeat:no-repeat;
     background-size:cover;
     font-family:'Passion One'; sans-serif;
     border-bottom: 16px solid paleturquoise}
     
.homejumbotron .container-fluid { position: center; padding-top: 40px; color:peru;}

.homejumbotron h1 {font-size:48px; text-align:center; }

.homejumbotron p {font-size:30px; color:saddlebrown; padding:2% 5%; text-shadow: 0px 0px 75px #fbfdff;}

/* ...and then we go back to nice universal CSS. Remember, "container" and "container-fluid" are things used by Bootstrap!
Those ARE defined class stuffs! */

.jumbotron {
    /* background-repeat:no-repeat; */
    /* background-size:cover; */
     background-color: #afeeee;
     height: auto;
     font-family:'Passion One'; sans-serif; }
     
.jumbotron .container-fluid {position: center; padding-top: 30px; color:peru;}

.jumbotron h1 {font-size:48px; text-align:center; }

.jumbotron p {font-size:30px; color:saddlebrown; padding: 2% 5%; /*text-shadow: 0px 0px 75px #fbfdff*/}

/* container {} This is for later, next project. */

.topics {
	background-color:mintcream; font-family:"Aller";
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding right: 3%;
	padding-left: 3%;
	font-size: 1.2em; }