/*!
 * Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	background-color:white;
	color:black;
}

#logo1{
	position:fixed;
	width:60px;
	height:60px;
	top:20px;
	left:20px;	
	z-index:1000;
	transition-property: -webkit-filter, filter;
    transition-duration: 0.3s, 0.3s; 
	filter: drop-shadow(2px 2px 2px #222);
  	-webkit-filter: drop-shadow(2px 2px 2px #222);
}

.mix img,
.section-paragraph img {
  display: block;
  margin: 20px auto;
}

/* Top Bar Container */
.top-bar {
    width: 100%;
    position: absolute; /* Ensures "Related Work" scrolls away */
    top: 20px;
    left: 0;
    display: flex;
    justify-content: flex-end; /* Space between logo & link */
    align-items: right;
    padding: 0 30px;
/*	padding-top: 10px;*/
}

/* "Related Work" Link */
.related-work {
    font-size: 20px;
}

@media (max-width: 767px) { /* For tablets or medium screens */
    .related-work {
        font-size: 14px;
    }
}

.full-bleed {
	margin:30px auto;
	width: 100vw;  /* Full viewport width */
    height: 300px;  /* Fixed height (adjust as needed) */
    object-fit: cover;  /* Crop sides instead of stretching */
    display: block;  /* Removes inline spacing */
}

@media (max-width: 767px) { /* For tablets or medium screens */
    .full-bleed {
        height: 150px;
    }
}

.media-logo{
	opacity:0.9;
}

.media-logo:hover{
	opacity:1;
	transform:scale(1.1);
	-webkit-filter: drop-shadow(5px 5px 5px #999999);
    filter: drop-shadow(5px 5px 5px #999999);
	transition: transform 0.5s, opacity 0.5s;
}

.image-bg-fluid-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin: 50px auto;
}

@media (max-width: 991px) { /* For tablets or medium screens */
    .mix {
        flex: 0 0 25%; /* 3 logos per row */
        max-width: 25%;
    }
}

@media (max-width: 500px) { /* For tablets or medium screens */
    .mix {
        flex: 0 0 33.33%; /* 3 logos per row */
        max-width: 33.33%;
    }
}

@media (max-width: 350px) { /* For tablets or medium screens */
    .mix {
        flex: 0 0 50%; /* 3 logos per row */
        max-width: 50%;
    }
}

.media-page-headers{
	color:white;
	text-shadow: 2px 2px 5px black;
	background-color:rgba(0,0,0,.8);
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0,0,0,.7) 30%, rgba(0,0,0,.7) 70%, rgba(0, 0, 0, 0));
	width:500px;
	padding-bottom:10px;
	padding-top:10px;
	margin: 0 auto;  /* Centers the navbar horizontally */
	text-align: center;
	
}

@media (max-width: 768px) {
	.media-page-headers {
        width:99%;
		background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0,0,0,.7) 40%, rgba(0,0,0,.7) 60%, rgba(0, 0, 0, 0));
    }
}

.video-section {
    display: flex;
    justify-content: center; /* Centers the video container horizontally */
    align-items: center; /* Vertically center the video if container height is defined */
    /*height: 60vh; /* Optional: makes the container fill the entire viewport height */
    margin: 0; /* Optional: removes any default margin */
	padding-top: 20px;
	padding-bottom: 20px;
}

.video-container {
    text-align: center; /* Optional: centers video content */
	max-width:100%;
}


video {
    width: 800px; /* Sets the width of the video to 800px */
    height: auto; /* Maintains aspect ratio */
 /*   border: 2px solid #333; /* Optional: adds a border around the video */
    border-radius: 8px; /* Optional: rounds the corners of the video frame */
}

#logo2{
	width:56px;
	height:56px;
	background-color:inherit;
	filter: invert(0%);
	-webkit-filter: invert(0%);
	transition-property: -webkit-filter, filter;
    transition-duration: 0.1s, 0.1s; 
}

#logo2:hover{
	filter: invert(30%);
	-webkit-filter: invert(30%);
}

#logo3{
	width:26px;
	height:26px;
	background-color:inherit;
	filter: invert(0%);
	-webkit-filter: invert(0%);
	transition-property: -webkit-filter, filter;
    transition-duration: 0.1s, 0.1s; 
}

#logo3:hover{
	filter: invert(30%);
	-webkit-filter: invert(30%);
}

.quicklinks-g{
	color:white;
	margin:15px;
	padding:15px;
	display:inline-block;
	background-color:black;	
	border-radius: 10px;
	border:1px solid white;
}

.quicklinks-g:hover{
	background-color:black;
	color:#333333;
}

.quicklinks-w{
	color:black;
	margin:5px;
	padding:7px;
	display:inline-block;
	background-color:#FCFCFC;	
	border-radius: 10px;
	border:1px solid black;
}

.quicklinks-w:hover{
	background-color:black;
	color:#FCFCFC;
}

.quicklinks-w:active{
	background-color:black;
	color:#FCFCFC;	
}

#filter-this .mix{
  display:none;
}

.mix-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; /* optional */
  width: 100%;
}

.mix-item {
  flex: none !important;
  max-width: 100% !important;
  margin: 10px;
  box-sizing: border-box;
}

.project-divider {
  height: 2px;
  background: linear-gradient(to right, #ccc, #eee, #ccc);
  margin: 40px 0;
  border: none;
}

/****************************** STEAK MODELING ******************************/

#meat-1 {
	background: url(../img/meats-1.gif) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#meat-2 {
	background: url(../img/meats-2.gif) no-repeat center center scroll;
/*	background-size: 50%;*/
 	padding: 10px 50px;
	height: 500px;
/*	width:auto;*/
	margin:50px auto;
	max-width:100%
}

/****************************** DIGITAL FOOD ******************************/

#cf6_img4 {
   margin:50px auto;
   width:800px;
   height:600px;
   transition: background-image 0.3s ease-in-out;
   background-image:url("../img/food-1.jpg");
}

#cf6_img4:hover {
   background-image:url("../img/food-2.jpg");
}

#food-3 {
	background: url(../img/food-3.jpg) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#food-4 {
	background: url(../img/food-4.jpg) no-repeat center center scroll;
	background-size: 30%; 
/*	background-size:contain;*/
 	padding: 50px 50px;
	max-height: 800px;
	margin:50px auto;
}

/****************************** TOWER ******************************/


#tower-1 {
	background: url(../img/tower-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 600px;
	margin:50px auto;
	max-width:100%; 
	height:auto;
}

#tower-2 {
	background: url(../img/tower-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 800px;
	margin:50px auto;
}

#tower-3 {
	background: url(../img/tower-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 800px;
	margin:50px auto;
}

/****************************** BEV CAR ******************************/

#cf6_img1 {
   margin:50px auto;
   width:800px;
   height:600px;
   transition: background-image 1s ease-in-out;
   background-image:url("../img/bevcar-isonew.jpg");
}

#cf6_img1:hover {
   background-image:url("../img/bevcar-isoold.jpg");
}

#cf6_img2 {
   margin:50px auto;
   width:600px;
   height:700px;
   transition: background-image 1s ease-in-out;
   background-image:url("../img/bevcar-frontnew.jpg");
}

#cf6_img2:hover {
   background-image:url("../img/bevcar-frontold.jpg");
}

#cf6_img3 {
   margin:50px auto;
   width:600px;
   height:700px;
   transition: background-image 1s ease-in-out;
   background-image:url("../img/bevcar-backnew.jpg");
}

#cf6_img3:hover {
   background-image:url("../img/bevcar-backold.jpg");
}

#bevcar-4 {
	background:url(../img/bevcar-welding) no-repeat center center scroll;
	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** DISSECT ******************************/

#dissect-vid{	
}

/****************************** CLOCKWORK ******************************/

#clockwork-1{
	background: url(../img/clockwork-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

/****************************** BRIDGE ******************************/

#bridge-2 {
	background: url(../img/bridge-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#bridge-3 {
/*	background-size: 100%;  */	
}

#bridge-4 {
	background: url(../img/bridge-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

/****************************** Mr T ******************************/

#mrt-1 {
   margin:50px auto;
   width:450px;
   height:700px;
   transition: background-image 1.5s ease-in-out;
   background-image:url("../img/mrt-1");
}

#mrt-1:hover {
   background-image:url("../img/mrt-2");
}

/****************************** CENSORSHIP ******************************/

#censorship-1 {
	background: url(../img/censorship-1.jpg) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

/****************************** ENGINE ******************************/

#engine-vid{	
}


#engine-1 {
	background: url(../img/engine-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#engine-2{
	background: url(../img/engine-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 600px;
	margin:50px auto;
}

#engine-3 {
	background: url(../img/engine-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 600px;
	margin:50px auto;
}

#engine-4 {
	background: url(../img/engine-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 600px;
	margin:50px auto;
}

#engine-5 {
	background: url(../img/engine-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 100px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** FRF SHIRT ******************************/

#frf-1 {
	background: url(../img/frf-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:800px;
	margin:50px 10px;
}

#frf-2 {
	background: url(../img/frf-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:700px;
	margin:50px 10px;
}

#frf-3 {
	background: url(../img/frf-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:700px;
	margin:50px 10px;
}

/****************************** PIPE DREAM ******************************/

#pipedream-1 {
	background: url(../img/pipedream-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px 10px;
}

#pipedream-2 {
	background: url(../img/pipedream-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#pipedream-3 {
	background: url(../img/pipedream-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** PEPPER ******************************/

#pepper-1 {
	background: url(../img/pepper-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}


/****************************** ICE CREAM ******************************/

#icecream-vid{
}

#icecream-1 {
	background: url(../img/icecream-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 750px;
	margin:50px auto;
}

#icecream-2 {
	background: url(../img/icecream-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#icecream-3 {
	background: url(../img/icecream-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#icecream-4 {
	background: url(../img/icecream-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#icecream-5 {
	background: url(../img/icecream-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** STALKER ******************************/

#stalker-1 {
	background: url(../img/stalker-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#stalker-2 {
	background: url(../img/stalker-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#stalker-3 {
	background: url(../img/stalker-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#stalker-4 {
	background: url(../img/stalker-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#stalker-5 {
	background: url(../img/stalker-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

/****************************** LABYRINTH ******************************/

#labyrinth-1 {
	background: url(../img/labyrinth-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#labyrinth-2 {
	background: url(../img/labyrinth-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#labyrinth-3 {
	background: url(../img/labyrinth-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#labyrinth-4 {
	background: url(../img/labyrinth-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#labyrinth-5 {
	background: url(../img/labyrinth-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#labyrinth-6 {
	background: url(../img/labyrinth-6) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** SPEAKER ******************************/

#speaker-1 {
	background: url(../img/speaker-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#speaker-2 {
	background: url(../img/speaker-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}


/****************************** ACROBAT ******************************/

#acrobat-1{
}

#acrobat-2 {
	background: url(../img/acrobat-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

/****************************** ROBOCKEY ******************************/

#robockey-1{
	margin:25px auto;
}

#robockey-2{
	background: url(../img/robockey-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 1200px;
	margin:50px auto;
}

#robockey-summary{
	margin:0px auto;
}

#robockey-goalie{
	margin:25px auto;
}

#robockey-offense{
	margin:25px auto;
}

/****************************** FRUZENTECH ******************************/

#fruzentech-1 {
	background: url(../img/fruzentech-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#fruzentech-2 {
	background: url(../img/fruzentech-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#fruzentech-3 {
	background: url(../img/fruzentech-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#fruzentech-5 {
	background: url(../img/fruzentech-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}
	
#fruzentech-6 {
	background: url(../img/fruzentech-6) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#fruzentech-7 {
	background: url(../img/fruzentech-7) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#fruzentech-8 {
	background: url(../img/fruzentech-8) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}
/****************************** PARTMAKER ******************************/

#partmaker-1 {
	background: url(../img/partmaker-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#partmaker-2 {
	background: url(../img/partmaker-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 400px;
	margin:50px auto;
}

/****************************** PUMA ******************************/

#puma-1 {
	background: url(../img/puma-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#puma-2 {
	background: url(../img/puma-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 300px;
	margin:50px auto;
}

#puma-3 {
	background: url(../img/puma-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** SURFERSIGHT ******************************/

#surfersight-1 {
	background: url(../img/surfersight-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 100px;
	margin:50px auto;
}

#surfersight-2 {
	background: url(../img/surfersight-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#surfersight-3 {
	background: url(../img/surfersight-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 525px;
	margin:50px auto;
}

/****************************** LETTER OPENER ******************************/

#letter-1 {
	background: url(../img/letteropener-6) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#letter-2 {
	background: url(../img/letteropener-7) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#letter-3 {
	background: url(../img/letteropener-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#letter-4 {
	background: url(../img/letteropener-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#letter-5 {
	background: url(../img/letteropener-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

/****************************** PROJECT TOUCH ******************************/

#touch-1 {
	background: url(../img/touch-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 700px;
	margin:50px auto;
}

#touch-2 {
	background: url(../img/touch.gif) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 500px;
	margin:50px auto;
}

#touch-3 {
	background: url(../img/touch-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#touch-4 {
	background: url(../img/touch-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#touch-5 {
	background: url(../img/touch-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 400px;
	margin:50px auto;
}

#touch-6 {
	background: url(../img/touch-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}


/****************************** WATERING CAN ******************************/

#wateringcan-1 {
	background: url(../img/wateringcan-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 800px;
	margin:50px auto;
}

#wateringcan-2 {
	background: url(../img/wateringcan-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height: 600px;
	margin:50px auto;
}

#wateringcan-3 {
	background: url(../img/wateringcan.gif) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#wateringcan-4 {
	background: url(../img/wateringcan-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:800px;
	margin:50px auto;
}

#wateringcan-5 {
	background: url(../img/wateringcan-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#wateringcan-6 {
	background: url(../img/wateringcan-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#wateringcan-7 {
	background: url(../img/wateringcan-6) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#wateringcan-8 {
/*	background-size: 100%;  */	
}

#wateringcan-9 {
	background: url(../img/wateringcan-7) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#wateringcan-10 {
	background: url(../img/wateringcan-8) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#wateringcan-11{
	background: url(../img/wateringcan-2.gif) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#wateringcan-12 {
/*	background-size: 100%;  */	
}

#wateringcan-13 {
/*	background-size: 100%;  */	
}

/****************************** STRANDBEEST ******************************/

#strandbeest-1 {
/*	background-size: 100%;  */	
}

#strandbeest-2{
	background: url(../img/strandbeest-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#strandbeest-3{
	background: url(../img/strandbeest-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#strandbeest-4{
	background: url(../img/strandbeest-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#strandbeest-5{
	background: url(../img/strandbeest-4.gif) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

/****************************** SPIDER CASE ******************************/

#case-1 {
	background: url(../img/case-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#case-2{
	background: url(../img/case-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#case-3{
	background: url(../img/case-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#case-4{
	background: url(../img/case-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

/****************************** PINEAPPLE ******************************/

#pineapple-1 {
	background: url(../img/pineapple-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#pineapple-2 {
	background: url(../img/pineapple-2) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:600px;
	margin:50px auto;
}

#pineapple-3 {
	background: url(../img/pineapple-3) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:450px;
	margin:50px auto;
}

#pineapple-4 {
	background: url(../img/pineapple-4) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:450px;
	margin:50px auto;
}

#pineapple-5 {
	background: url(../img/pineapple-5) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:400px;
	margin:50px auto;
}

#pineapple-6 {
	background: url(../img/pineapple-6) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#pineapple-7 {
	background: url(../img/pineapple-7) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#pineapple-8 {
	background: url(../img/pineapple-8) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

/****************************** SCOOP ******************************/

#scoop-1 {
	background: url(../img/scoop-1) no-repeat center center scroll;
/*	background-size: 100%; */
 	padding: 10px 50px;
	height:500px;
	margin:50px auto;
}

#scoop-2 {
/*	background-size: 100%; */
}

/****************************** INTERESTS & HOBBIES ******************************/

#surfing-1 {
}

#japan-1 {
}

/****************************** ???????? ******************************/

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
	#pipedream-1,
	#pipedream-2,
	#pipedream-3,
	#case-1,
	#case-2,
	#case-3,
	#case-4,
	#strandbeest-1,
	#strandbeest-2,
	#strandbeest-3,
	#strandbeest-4,
	#strandbeest-5,
	#wateringcan-1,
	#wateringcan-2,
	#wateringcan-3,
	#wateringcan-4,
	#wateringcan-5,
	#wateringcan-6,
	#wateringcan-7,
	#wateringcan-8,
	#wateringcan-9,
	#wateringcan-10,
	#wateringcan-11,
	#wateringcan-12,
	#wateringcan-13,
	#touch-1,
	#touch-2,
	#touch-3,
	#touch-4,
	#touch-5,
	#touch-6,
	#letter-1,
	#letter-2,
	#letter-3,
	#letter-4,
	#letter-5,
	#surfersight-1,
	#surfersight-2,
	#surfersight-3,
	#puma-1,
	#puma-2,
	#puma-3,
	#partmaker-1,
	#partmaker-2,
	#fruzentech-1,
	#fruzentech-2,
	#fruzentech-3,
	#fruzentech-4,
	#fruzentech-5,
	#fruzentech-6,
	#fruzentech-7,
	#fruzentech-8,
	#robockey-1,
	#robockey-2,
	#acrobat-2,
	#speaker-1,
	#speaker-2,
	#labyrinth-1,
	#labyrinth-2,
	#labyrinth-3,
	#labyrinth-4,
	#labyrinth-5,
	#labyrinth-6,
	#stalker-1,
	#stalker-2,
	#stalker-3,
	#stalker-4,
	#stalker-5,
	#icecream-1,
	#icecream-2,
	#icecream-3,
	#icecream-4,
	#icecream-5,
	#pepper-1,
	#frf-1,
	#frf-2,
	#frf-3,
	#engine-1,
	#engine-2,
	#engine-3,
	#engine-4,
	#engine-5,
	#censorship-1,
	#mrt-1,
	#bridge-2,
	#bridge-4,
	#clockwork-1,
	#tower-1,
	#tower-2,
	#tower-3,
	#cf6_img1,
	#cf6_img2,
	#cf6_img3,
	#bevcar-4 {
		background-position: center top;
		background-size: contain;
		padding: 10px 20px;
		height: auto;
		min-height: 300px;
	}
}

.image-bg-fixed-height {
	background: url('http://lorempixel.com/g/1920/500/') no-repeat center center scroll;
    height: 450px;
}

.img-center {
	margin: 0 auto;
}

section {
    padding: 50px 0;
}

.section-heading {
    margin: 10px 0;
    font-size: 4em;
}

.section-lead {
    margin: 30px 0;
	font-size: 2em;
}

.section-paragraph {
    margin: 10px 0;
	font-size: 1.5em;
	text-align:left;
}

.banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	letter-spacing: 2rem;
	text-shadow: 3px 3px blue;
	font-size: 4em;
}

.banner-image {
	position: relative;
	text-align: center;
	color: white;
}

footer {
    margin: 50px 0;
}

@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
	#logo2{
		width:30px;
		height:30px;	
	}
}