@font-face
{
    font-family: "Orbitron";
    src: url("../fonts/Orbitron/Orbitron-Regular.ttf");
}
@font-face
{
    font-family: "SpecialElite";
    src: url("../fonts/Special_Elite/SpecialElite.ttf");
}
@font-face
{
    font-family: "FjallaOne";
    src: url("../fonts/Fjalla_One/FjallaOne-Regular.ttf");
}
body 
{
	background-color: black;
	padding-top: 50px;
}
h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
	margin-bottom: 0px;
}
.navbar
{
	margin-bottom: 0px;
	background-color: #7770b4;
	border-bottom: 0px;
}
.navbar-default .navbar-header .button
{
	color: #8cca33;
}
.navbar-default .navbar-brand
{
	color:#8cca33;
	font-family: "FjallaOne";
    background-color: #7770b4;
	font-size: 25px;
	
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus 
{
  color: black;
  background-color: #8cca33;
	
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus 
{
	background-color: #8cca33;
	color: black;
	
}
.navbar-default .navbar-form > button
{
	background-color: #8cca33;
}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover
{
	color:white;
	font-family: "FjallaOne";
}
.navbar-default .navbar-nav li a:hover
{
	color:white;
	background-color: #8cca33;
}
.navbar-default .navbar-nav .dropdown
{
	background-color: #7770b4;
	color: white;
}
.navbar-default .navbar-nav .dropdown-menu
{
	background-color: #7770b4;
	color: white;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #8cca33;
	
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus 
{
	background-color: #8cca33;
	color: white;
}

.parallax-window .image1
{
	margin-bottom: 0px;
    min-height: 700px;
    background: transparent;
}
.image1
{
	color:#8cca33;
	font-family: "FjallaOne";
    background-color: transparent;
	font-size: 60px;
	padding-top: 120px;
	padding: 0px;
	margin-bottom: 0px;
}




.parallax-window .image2
{
	margin-bottom: 0px;
    min-height: 700px;
    background: transparent;
}


.image2
{
	color:#8cca33;
	font-family: "FjallaOne";
    background-color: transparent;
	font-size: 60px;
	padding-top: 100px;
}
.parallax-window .image3
{
	margin-bottom: 0px;
    min-height: 900px;
    background: transparent;
	
}
.image3
{
	color:#8cca33;
	font-family: "FjallaOne";
    background-color: transparent;
	font-size: 60px;
	padding-top: 100px;
	padding-bottom: 100px;
}
.image1 .container-fluid,
.image3 .container-fluid
{
	width:100%;
    height:100%;
	padding: 0px;
	padding-top: 100px;
	padding-bottom: 150px;
	margin-left: 0px;
	margin-right: 0px;	
} 
.image1 .container-fluid img
{
	display:inline;
	height: 200px;
	width: 200px;
	padding-top: 50px;
}
.image1 .container-fluid h1,
.image1 .container-fluid h3
{
	font-family: "Orbitron";
	text-shadow: 0px 0px 40px #000000;
	color: #fffc80;
	
	text-align: center;
} 
.image1 .container-fluid h1
{
	font-size: 1.7em;
}
.image1 .container-fluid h3
{
	font-size: 0.75em;
	padding-top: 30px;
}
.row-aboutme 
{
	text-align: center;
	background-color: #8cca33;
	/** height: 800px; **/
	padding-top: 100px;
	
}
.row-aboutme h1
{
	font-family: "Orbitron";
	text-shadow: 0px 0px 40px #000000;
	color: #fffc80;
	font-size: 4.7em;
}
.row-aboutme img
{
	width: 300px;
	padding: 50px;
}
.row-aboutme p
{
	font-family: "Orbitron";
	color: #fffc80;
	font-size: 1.5em;
	padding-bottom: 80px;
}
#philosophy, #resources
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.row-philosophy
{
	text-align: center;
	margin-bottom: 0px;
	/** height: 800px; **/
	padding-top: 120px;
	padding-bottom: 170px;
	
}
.row-philosophy .parallax-window {
	/** margin-bottom: 0px;
    min-height: 600px; **/
    background: transparent;
}

.row-philosophy .panel-default
{
	margin-left: 250px;
	margin-right: 250px;
	background-color: black;
	border-width: thick;
	border-color: #8cca33;
}
.row-philosophy .panel-heading
{
	background-color: #8cca33;
	border-color: #8cca33;
	border-radius: 0px;
}
.row-philosophy .panel-heading h1
{
	font-family: "Orbitron";
	color: #7770b4;
	font-size: 1em;
}
.row-philosophy .panel-body p
{
	font-family: "FjallaOne";
	color: white;
	font-size: .5em;
}
.row-resources
{
	margin-top: 0px;
	
}
.row-thumbs
{
	/** min-height: 600px;	**/
}
.cl-fred, .cl-willma, .cl-barny
{
	background-color: transparent;
	
}
.cl-fred
{
	padding-left: 40px;
}
.cl-barny
{
	padding-right: 40px;
}
.row-thumbs .fa
{
    width: 100%;
    height: auto;
    margin-top: 10px;
	padding-bottom: 30px;
}
.thumbnail
{
	border-color: #8cca33;
	border-width: thick;
	
	
}

.row-thumbs .thumbnail
{
    background-color: #7770b4;
	
} 
.row-thumbs .fa-css3,
.row-thumbs .fa-html5,
.row-thumbs .fa-bolt,
.row-thumbs .fa-database,
.row-thumbs .fa-mobile,
.row-thumbs .fa-code
{
    font-size: 4.5em;
    text-align: center;
    color: #8cca33;
	
}
.portfolio-caption
{
	background-color: #8cca33;
	text-align: center;
	color:#7770b4;
	text-decoration: none;
}

.portfolio-caption:hover
{
	
	text-decoration: none;
}
.portfolio-caption p
{
	font-size: .2em;
}
any-link
{
	text-decoration: none;
}
.th-1
{
	margin-top: 15px;
	margin-bottom: 15px;
	
}
.cl-fred .th1
{
	
}
.row-footer
{
	background-color: #7770b4;
	text-align: center;
	z-index: 1090;
	min-height: 100px;
	
}
.modal-dialog
{
	margin: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
}
.modal-header
{
	text-align: center;
	background-color: #7770b4;
	height:auto;
	border: 0px;
	
}
.modal-header h3:
{
	padding-top: 5%;
	padding-bottom: 5%;
}
.modal-header .close
{
	line-height: .3;
}
.modal-header span
{
	font-size: 3.6em;
	padding-top: 0px;
	margin-top: -19px;
	/**position: fixed;
	right: 5px;
	top: 5px; **/	
}
.modal-content
{
	border: 0px;
	border-radius: 0px;
	min-height: 100%; 
	height: 100%;
	margin-bottom: 0px;	
}
.modal-body
{
	border: 0px;
	height: 100%;
	/** background-image: linear-gradient(red, blue); 	
	background-size: cover;**/
	padding: 0px;
	padding-top: 50px;
	text-align: center;
}
.html-modal
{
	background-image: linear-gradient(green, yellow);
}

.css-modal
{
	background-image: linear-gradient(lightblue, lightyellow);
}

.bs-modal
{
	background-image: linear-gradient(teal, violet);
}

.sql-modal
{
	background-image: linear-gradient(green, yellow);
}

.php-modal
{
	background-image: linear-gradient(purple, yellow);
}

  .js-modal
{
	background-image: linear-gradient(gray, orange);
}

.html-modal embed
{
	width:60%;
	height:70%;
	margin-left: 0px auto;
	margin-right: 0px auto;
}
.modal-footer
{
	text-align: center;
	background-color: #7770b4;
	width:100%;
	border: 0px;
	position: fixed;
	left: 0px;
	bottom: 0px;
}
/* for later use */
.row-1 
{
	/** background-color: #8cca33;**/
	height: 100%;
	
}
.row-1 img
{
	float: left;
	padding: 5px;
	
}
.row-1 pre
{
	margin-left: 5px;
}