body, html { padding: 0; font-family: lato; font-weight: 300; letter-spacing: 1px; font-size: 24px; line-height: 150%; }

ul li { list-style-type: none; }

.navbar-fixed-top { max-width: 970px; margin: 30px auto; }

.navbar { text-transform: uppercase; background-color: #000; background-image: none; border: none; }

a { color: #D42E2E; }

.a-parent :hover { color: #EC5553; text-decoration: none; }

#navbar .nav-a-parent a { color: #FFF; font-size: 24px; }

.nav-brand-parent .navbar-brand { color: #FFF; font-size: 24px; }

#navbar .nav-a-parent.active a { background-color: #FFF; color: #000; }

#navbar .nav-a-parent :hover { background-color: #FFF; color: #000; }

#navbar .nav-brand-parent .navbar-brand { background-color: #D42E2E; }
#navbar .nav-brand-parent :hover { background-color: #EC5553; }
#navbar .nav-brand-parent :active { background-color: #EC5553; }

.small-container { width: 70%; margin: auto; }

.section, .post { max-width: 970px; }

.section-cover { height: 50vh; width: 100%; margin: 20px 0; }

.section-text { width: 100%; min-height: 50vh; }
.section-text ul { padding-left: 0; }

.section-title { color: #000; background-color: #FFF; opacity: 0.8; text-transform: uppercase; letter-spacing: 3px; margin-top: 120px; padding: 10px; }
.section-title h1 { margin: 0; font-size: 45px; }

#landing-cover { background-color: #D42E2E; height: 26vh; }

#new-cover { background-color: #2196F3; }

#components-cover { background-color: #FFFF00; }

#todo-cover { background-color: #FF4081; }

.post-title, .post-title h1 { font-size: 45px; margin: 30px; }

.component-card { text-align: center; height: 50vh; font-size: 45px; }
.component-card div { margin-top: 100px; }

#home { font-size: 45px; font-weight: 300; text-align: center; line-height: 200%; letter-spacing: 2px; font-style: italic; }

#home .section-cover { margin: 0; margin-bottom: 30px; padding: 0; }

#back { position: fixed; margin-top: 30px; margin-left: 30px; z-index: 1; background-color: #D42E2E; }
#back span { color: #FFF; }

.footer { margin-top: 30px; padding: 30px; background-color: #D3D3D3; text-align: right; }

.table-wrapper { overflow: auto; }

/*
	.something-cover {
		background: url(img/2.jpg) no-repeat 50% 0 fixed;
		height: 600px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
*/
@media (max-width: 970px) { html, body { font-size: 14px; }
  #home { font-size: 20px; }
  #navbar { font-size: 20px; }
  .section-title h1 { font-size: 35px; }
  .component-card { font-size: 35px; }
  .post-title, .post-title h1 { font-size: 20px; }
  #navbar { width: 100%; margin: 0; }
  #back { margin: 0; top: 50vh; }
  .small-container { width: 100%; }
  .post { padding: 0 3%; }
  .section-title { word-wrap: break-word; }
  .table { overflow: scroll; } }