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

html {
  position: relative;
  min-height: 100%;
  background-color: #000;
}

body {
    /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    /* margin-top: 120px; */

    background-color: transparent;

    margin-bottom: 30px; /* Same as height of footer */

    color: #FFF;
}


/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.full {
    background-color: #000;
    background: url('../images/space-bg-3.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar-inverse {
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
   color: #f8bc0e;
   padding-bottom: 0px;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 16px;
   text-transform: uppercase;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a:active {
    color: #fff;
}

.navbar {
    border: 0px;
}

.navbar .container {
    border-bottom: 10px solid #f8bc0e;
}

a.navbar-brand {
    height: 165px;
}

.navbar-toggle {
    margin-top: 70px;
}

.copyright {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    color: #555;
    position: relative;
    top: 5px;
    text-align: center;
}

.copyright a:link {
    color: #555;
}
.copyright a:visited {
    color: #555;
}

.copyright a:hover {
    color: #ffffff;
}

.footer {
  background-color: rgba(0, 0, 0, 0.3);
  vertical-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
}

h1 {
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #f8bc0e;
    text-shadow: none;
    font-size: 36px;
}

h2 {
    font-family: 'ABeeZee', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #f7e6b3;
    text-shadow: none;
    font-size: 24px;
}
h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    text-shadow: none;
    margin-bottom: 0px;
    font-size: 20px;
}


.content a:link {
    color: #f8bc0e;
}
.content a:visited {
    color: #f8bc0e;
}
.content a:hover {
    color: #ffffff;
}



@media (max-width: 767px) {
    .navbar-collapse {
	background-color: rgba(0,0,0,0.4);
    }
    .content, .home {
	padding: 25px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 40px;

	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
    }
    .homecallout {
	font-size: 24px;
    }
}

@media (min-width: 768px) {
    .navlinks {
	margin-top: 120px;
    }
    .content {
	padding: 25px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 40px;

	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
    }
    .home {
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.5vw;

	text-align: center;
	font-style: italic;

	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1.0)
    }
    .homecallout {
	font-family: 'ABeeZee', sans-serif;
	font-size: 3.5vw;

	text-shadow: 4px 4px 8px rgba(214, 164, 13, 1.0),
	-4px -4px 8px rgba(214, 164, 13, 1.0),
	4px -4px 8px rgba(214, 164, 13, 1.0),
	-4px 4px 8px rgba(214, 164, 13, 1.0);

    }
}

    .table
    {
        display: table;
    }
    .table-title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .table-heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    .table-row
    {
        display: table-row;
    }
    .table-cell
    {
        display: table-cell;
        border: none;
        border-width: thin;
        padding-left: 0px;
        padding-right: 15px;
    }

.guitarselect {
    text-align: left;
    width: 200px;
    float: left;
}

.guitargallery {
    text-align: center;
}

.guitarthumbs {
    text-align: center;
}

.thegallery {
    text-align: center;
    clear: both;
    border-top: 1px #f8bc0e solid;
    border-bottom: 1px #f8bc0e solid;
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.guitarselect_selected {
    border: 2px solid #f8bc0e;
}

.wrapper {
    text-align: center;
}