@charset "utf-8";
body{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
}
@font-face {
  font-family: 'PT Sans';
  src:url(../fonts/pt-sans.bold.ttf) format("truetype");
}
@font-face {
  font-family: 'ChicagoFLF';
  src:url(../fonts/ChicagoFLF.ttf) format("truetype");
}
h3{
  font-weight:500px;
  font-size:30px;
  color:#000;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, .6);
  }
h3 a{
  text-decoration:none;
  color:#000;
  }
h3 a:hover{
  text-decoration:none;
  color:#000;
  }
h3 a:visited{
  text-decoration:none;
  color:#000;
  }
h3 a:active{
  text-decoration:none!;
  color:#000;
  outline:0;
  }
h2{
  text-shadow: 1px 1px 1px rgba(0,0,0, 1);
  color:white;
  font-weight:700;
  border: 2px solid rgba(0, 0, 0, 0.9);
  background: #8F1A0A;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.9);
  min-width:200px;
  margin-left:-10px;
  width:24%;
  }
h2 a{
	text-decoration:none;
	color:#FFF;
	}
h2 a:hover{
	text-decoration:none;
	color:inherit;
	}
h2 a:active{
	text-decoration:none!;
	color:inherit!;
	}
h2 a:visited{
	text-decoration:none!;
	color:inherit!;
	}
/*****************************************NAV SECTION******************************************/
.navbar{
  background-color:#000;
  font-family:'PT Sans';
  }
.navbar-brand{
  color:#F8D34A !important;
  text-shadow: 1px 2px 2px #8F1A0A;
  font-family:'PT Sans';
  font-size-adjust:none;
  }
.navbar-header{
  width:250px;
  }
.navbar-nav{
  min-width:300px;
  display:inline-block;
  float:right;
  }
nav li a{
  color:white !important;
  display:inline-block;
  float:left;
  }
nav li a:hover{
  color:#F8D34A !important;
  text-shadow: 2px 1px 2px #8F1A0A;
  }

/*****************************************Section One******************************************/
.sectionOne{
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  background:url(../images/homeImageTwo.png)no-repeat center center fixed;
  background-size:cover;
  background-color:#000;
  height:1000px;
}
.opener{
  position: relative;
  padding-top: 20%;
  padding-bottom: 20%;
  }
.opener > h1 {
  text-shadow: -3px 3px 3px rgba(255,255,255, .5);
  font-size: 5em;
  font-family:'ChicagoFLF';
  color:black;
  font-weight:700;
  border: 2px groove rgba(0, 0, 0, 0.9);
  background: #F8D34A;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.9);

  }
.opener > h3{
  font-weight:500px;
  font-size:30px;
  color:#000;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, .6);
  }
hr.underline {
  border: 1px outset rgba(255, 255, 255, 0.2);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  width: 20%;
  }
ul.contact-buttons > li {
  display: block;
  margin-bottom: 20px;
  padding: 0;
  font-family: 'Orbitron', sans-serif;
  }
.btn {
  display: inline-block;
  color: #000;
  margin-left:-40px;
  border: 2px solid rgba(0, 0, 0, 0.9);
  background: #FFF;
  text-shadow: 1px 1px 2px rgba(0,0,0, 20);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.9);
  transition: 0.2s;
  text-decoration:none;
  }
#buttonHead a {
  outline:0;
  text-decoration:none;
  }
#buttonHead a:visited {
  outline:0;
  display: inline-block;
  color: #000;
  margin-left:-40px;
  border: 2px solid rgba(0, 0, 0, 0.9);
  background: #FFF;
  text-shadow: 1px 1px 2px rgba(0,0,0, 20);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.9);
  transition: 0.2s;
  text-decoration:none;
  }
.btn:hover {
  color: #000;
  border: 2px solid #000;
  background: rgba(248, 211, 74, 1);
  transform:scale(1.1);
  transition: 0.2s;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.9);
  letter-spacing: 5px;
  }


/*****************************************Section Two******************************************/
.sectionTwo {
  padding-top: 50px;
  padding-bottom: 50px;
  background:url(../images/aboutImageTwo.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color:#000;
  height:1000px;
  }
.aboutSection {
  position: relative;
  padding-top: 20%;
  padding-bottom: 20%;
  }
#aboutH3{
  text-shadow: -3px 3px 3px rgba(255,255,255, .5);
  font-size: 4em;
  font-family:'ChicagoFLF';
  color:black;
  font-weight:500;
  border: 2px groove rgba(0, 0, 0, 0.9);
  background: #F8D34A;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.9);

	}
.content{
  background: rgba(0,0,0,0.7); 
  padding:20px; 
  border:2px inset #000;
  }
.contentBox {
  font-family:Arial, Helvetica, sans-serif;
  color:black;
  background:white;
  padding-left:5px;
  padding-right:5px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:18px;
  }
/*****************************************Section Three******************************************/
.sectionThree {
  padding-top: 50px;
  padding-bottom: 50px;
  background:url(../images/contactImageOne.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color:#000;
  height:1000px;
  }
.contactSection {
  position: relative;
  padding-top: 5%;
  padding-bottom: 10%;
  }
#contactH3 {
  text-shadow: -3px 3px 3px rgba(255,255,255, .5);
  font-size: 4em;
  font-family:'ChicagoFLF';
  color:black;
  font-weight:500;
  border: 2px groove rgba(0, 0, 0, 0.9);
  background: #F8D34A;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.9);
  }

/*****************************************Section Four******************************************/
.sectionFour {
  padding-top: 50px;
  padding-bottom: 50px;
  background:url(../images/menuImageOne.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color:#000;
  height:1000px;
  } 
.menuSection {
  position: relative;
  padding-top: 5%;
  padding-bottom: 10%;
  }
.menuContent{
  margin:0 auto;
  margin-top:2%;
  }
.menuContent a:link{
  color:#FFF!;
  text-decoration:none;
	}
.menuContent a:hover{
  color:#FFF!;
  text-decoration:none;
	}
.menuContent a:visited{
  color:#FFF!;
  text-decoration:none;
	}
.menuContent700{
  margin:0 auto;
  margin-top:2%;
  }
#menuH3{
  text-shadow: -3px 3px 3px rgba(255,255,255, .5);
  font-size: 4em;
  font-family:'ChicagoFLF';
  color:black;
  font-weight:500;
  border: 2px groove rgba(0, 0, 0, 0.9);
  background: #F8D34A;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.9);

	}
.thumbCol {
  max-width:280px; 
  margin:0;
  }
.thumbCol700 {
  max-width:280px; 
  margin:0;
  float:none;
  }
.thumbnail {
  max-width:280px;
  background-color:rgba(0,0,0,0.7);
  padding:10px; 
  border: 2px inset #000;
  margin:0;
  }
.port {
  border: 2px solid #000;
  max-height:250px;
  max-width:250px;
  background-color:rgba(0,0,0,0.9);
  color:#FFF;
  transition:0.2s;
  margin:0;
  }
.port:hover{
  color: #FFF;
  max-height:250px;
  border: 2px solid #fff;
  transition: 0.2s;
  box-shadow: 2px, 2px,2px rgba(0,0,0,0.9);
  }
.cappy{
  font-size:18px;
  }
/*****************************************Browser Resizing******************************************/
@media all and (max-width: 1920px) { 
	.thumbCol{
	float:none;
	}
	.menuContent700{
	display:none;	
	}
}
@media all and (max-width: 1680px) { 
	.opener > h1 {
    font-size: 4em; 
    }
	#aboutH3 {
	font-size: 4em; 
	}	
    #menuH3{
	font-size: 4em;
	}    
	.map{
	width:500px;
	height:500px;
	}
	.menuContent700{
	display:none;	
	}
}
@media all and (max-width: 1280px) {
	.opener{
    position: relative;
	}
    .opener > h1 {
    font-size: 3.5em; 
    }
    h2{
	font-size: 1.75em; 
	}
	.aboutSection{
    position: relative;
    padding-top: 25%;
    padding-bottom: 5%;
	}
	#aboutH3 {
	font-size: 3.5em; 
	}
	.contactSection{
    position: relative;
    padding-top: 8%;
    padding-bottom: 0%;
	}
	#contactH3{
    font-size: 3.5em;
	}
	.menuSection{
    position: relative;
    padding-top: 8%;
    padding-bottom: 10%;
	}
	#menuH3{
	font-size: 3.5em;
	}
	.map{
	width:500px;
	height:500px;
	}
	.cappy{
    font-size:13px;
	text-align:center;
    }
	.menuContent700{
	display:none;	
	}
}
@media all and (max-width: 1200px) {
	.opener > h1 {
    font-size: 3.25em; 
    }
}
@media all and (max-width: 1024px) {
	.opener > h1, h3{
	font-size: 3.25em; 
	}
    #aboutH3 {
	font-size: 3em; 
	}
	.aboutSection{
    position: relative;
    padding-top: 10%;
    padding-bottom: 5%;
	}
	#contactH3{
	font-size: 3em;
	}
	.contactSection{
    position: relative;
    padding-top: 10%;
    padding-bottom: 0%;
	}
	#menuH3{
	font-size: 3em;
	}
	.menuSection{
    position: relative;
    padding-top: 14%;
    padding-bottom: 10%;
	}
	.cappy{
    font-size:12px;
    }
	.menuContent700{
	display:none;	
	}
}
@media all and (max-width: 995px) {
	.thumbCol{
	float:left;
	}
	.menuContent700{
	display:none;	
	}
	.opener > h1{
	font-size: 3em; 
	}
	.opener > h3 {
	font-size: 1.5em; 
	margin-top:40px;	
    }
}
@media all and (max-width: 750px) { 
    nav li a{
    color:white !important;
    display:inline-block;
    float:left;
    font-size:12px;
    }
	.sectionTwo{
	padding-top: 75px;
	}
	.sectionThree{
	padding-top: 75px;
	}
	.thumbCol{
	float:left;
	}
	.cappy{
    font-size:12px;
    }
	.thumbCol700 {
    display:none;
    }
	.opener > h1 {
    font-size:2.8em; 
    }
}
@media all and (max-width: 700px) { 
	.opener{
    position: relative;
    padding-top: 15%;
    padding-bottom: 10%;
	}
	.opener > h3 {
	font-size: 1.5em; 
	margin-top:50px;	
    }
    #aboutH3 {
	font-size: 2.8em; 
	}
    .aboutSection{
    position: relative;
    padding-top: 10%;
    padding-bottom: 10%;
	}
	.contentBox{
	font-size:15px;
	}
	#contactH3{
	font-size: 2.8em; 
    }	
	.contactSection{
    position: relative;
    padding-top: 10%;
    padding-bottom: 10%;
	}
	#menuH3{
	font-size: 2.8em; 
	}
	.menuSection{
    position: relative;
    padding-top: 14%;
    padding-bottom: 10%;
	}
	.map{
	width:500px;
	height:500px;
	}
	.thumbCol{
	float:left;
	}
	.thumbCol700 {
    max-width:280px; 
    margin:0;
    float:left;
    }
	.menuContent{
	display:none;	
	}
	.menuContent700{
	display:block;	
	}
}	
@media all and (max-width: 600px) { 
	.opener > h1 {
    font-size: 2.5em; 
    }
}
@media all and (max-width: 500px) { 
    .opener{
    position: relative;
    padding-top: 15%;
    padding-bottom: 10%;
	}
	.opener > h1 {
    font-size: 2.5em; 
    }
	.opener > h3 {
	font-size: 1.5em; 
	margin-top:50px;	
    }
	.sectionTwo{
    padding-top: 40px;
	}
	.sectionThree{
    padding-top: 40px;
	}
   	.aboutSection{
    position: relative;
    padding-top: 17%;
    padding-bottom: 10%;
	}
	#aboutH3 {
	font-size: 2.5em; 
	}
	.contentBox{
	font-size:14px;
	}
	.contactSection{
    position: relative;
    padding-top: 17%;
    padding-bottom: 10%;
	}
	#contactH3{
	font-size: 2.5em; 
    }	
	.menuSection{
    position: relative;
    padding-top: 14%;
    padding-bottom: 10%;
	}
	#menuH3{
	font-size: 2.5em; 
	}
	.map{
	width:400px;
	height:400px;
	}
	.menuContent{
	display:none;	
	}
	.thumbCol700 {
    max-width:280px; 
    margin:0;
    float:left;
    }
	.cappy{
	font-size:10px;
	text-align:left;
	margin-left:-5px;
	}
}
@media all and (max-width: 450px) { /* screen size until 100px */
	.map{
	width:325px;
	height:325px;
	}
}
@media all and (max-width: 400px) { /* screen size until 100px */
	.map{
	width:300px;
	height:300px;
	}
}
@media all and (max-width: 390px) { /* screen size until 100px */

	.cappy{
	font-size:8px;
	text-align:left;
	margin-left:-5px;
	}
}

	/* CSS Document */