/* -------------------------
-------- Footer ------------
---------------------------*/
#main-footer {
    background:rgba(0,0,0,0.8);
    color:#efae49;
    padding:30px 0;
}

/* Navigation */

#main-footer ul.footer-nav {
    list-style:none;
    padding:0;
    margin:0;
    margin-bottom:24px;
}

#main-footer ul.footer-nav li{
    display:inline-block;
    padding:0 10px;
    line-height:15px;
    border-right: 1px solid #f05557;
}

#main-footer ul.footer-nav li:first-child{
    padding-left: 0;
}

#main-footer ul.footer-nav li:last-child{
    border-right: none;
}

/* Left Column */

#main-footer .small-logo { /* title */
    padding:0;
    margin:0;
    margin-bottom: 24px;
    font-size: 22px;
    line-height:24px;
    font-weight:normal;
}

#main-footer .small-logo span { /* BiLine */
    padding:0;
    font-size:18px;
    line-height:24px;
    font-weight:300;
    text-transform:none;
}

/*Right Column*/

#main-footer .right-col p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

#main-footer .right-col{
    text-align: left;
}

#main-footer .right-col h2{
    text-transform:none;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    margin:0 0 24px;
}

#main-footer .right-col p{
    font-size:15px;
    line-height:24px;
    font-weight:300;
}





/*----------------------
----OVERRIDES ---
------------------------*/
.section-title [class*=icon]{
    position:absolute;
    top: 13px;
    left:50%;
    margin-left:-60px;
    font-size:80px;
    color:#333;
    z-index:-1;
}

 .message-box-test{
    margin: 0px 10px auto 0;
    background:rgba(0,0,0,0.6);
    padding:40px;
    color: white;
}

#services span {
    font-size: 40px;
    line-height: auto;
}

#services {
    padding-top: 25px;
}

#services .header-placement {
    padding-right: 0px;
    border: 1px red solid;
}

#services .text-center {
    padding-right: 0px;
    margin-right: -5px;
    padding-left: 0px;
    border: 0px red solid;
}




/*----------------------
----Navigation Styles---
------------------------*/


#main-nav.scrolled{    
    background: rgba(0,0,0,0.6);
    border-bottom:1px solid #333;
}

#main-nav.scrolled .nav a:hover:before,
#main-nav.scrolled .nav li.active a:before {
	color:#8aaad9;
	text-shadow: 12px 0 #8aaad9, -12px 0 #8aaad9;
}


/*----------------------
-----Header Styles------
------------------------*/

.jumbotron {
    background:url(../assets/fender-vintage.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    color:#efae49;
}

.jumbotron .message-box{
    width:90%;
    margin:290px auto 0;
    background:rgba(0,0,0,0.5);
    padding:20px 0;
    color: white;
}




/*------------------------
-----Services Styles------
------------------------*/

/*
.services ul  {
   text-align: right;
    list-style-position: right;
   direction: rtl;
}
*/

.services li {
		font-size: 16px;
}


.col-md-push-3 ul  {
    text-align: left;
    list-style-position: left;
    direction: ltr;
}

#services .row.line {
    height: 2px;
}

.services .icon {
    border: 1px solid #f05557;
    border-radius: 50%;
}


/*-----------------------
------About Styles-------
------------------------*/


#about {
    /*background:url(../assets/guitar-grey-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    padding:40px 0 50px 0px;
    background-color: brown;*/
}

#about h1 {
    color:#fff;
    font-size:30px;
    line-height:35px;
    font-weight:300;
    margin-bottom:24px;
    position:relative;
}

#about p {
    font-size:20px;
    line-height:28px;
    font-weight:300;
    margin-bottom:40px;
}

#about img {
		box-shadow: -1px 1px 0px 4px rgba(254,255,255,0.2), 3px -4px 0px 0px rgba(255,255,255,0.2);
}

.img-center {
    margin: 50px auto;
}


/*-----------------------
------Skills Styles-------
------------------------*/

#skills {
    /*background:url(../assets/black-les-paul.jpg) no-repeat top left fixed; 
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-color: #000;
    padding:60px 0 80px 0;*/
}



/*----------------------
-----Contact Styles-----
------------------------*/

#contact {
    /*background:url(../assets/guitar-railroad.jpg) no-repeat center left;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    padding:80px 0; */
}

#contact-form .form-control {
    background:rgba(0,0,0,0.6);
    border: none;
    border-radius:1px;
    outline:none;
    box-shadow:none;
    margin-bottom:30px;
    height:65px;
    font-size:28px;
    line-height:45px;
    font-weight:300;
    padding-left:64px;
}

/*----------------------
-----Twitter Styles-----
------------------------*/
#twitter .tweet{
    font-size:20px;
    line-height:30px;
    font-weight:300;
    word-spacing:3px;
    margin-bottom:35px;
}

#twitter h2 {
    font-size: 19px;
    font-weight: bold;
		color: white;
}




/*-----------------------
------Media Queries------
------------------------*/

@media (max-width: 1199px) { /* iPads */

    .jumbotron {
        background:url(../assets/fender-vintage.jpg) no-repeat left center; 
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        
    }

    /*
    #about {
        background:url(../assets/headstock.jpg) no-repeat center center;
        background-color: #efae49;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }*/

    /*#contact {
        background:url(../assets/contact-bg.jpg) no-repeat center center;
        color:#fff;
        padding:80px 0; 
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    */

    /* #skills {
        background:url(../assets/guitarNeckShot.jpg) no-repeat top left;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;    
    }*/

    .navbar-brand,
    .navbar-brand:hover,
    .navbar-brand:active,
    .navbar-brand:focus {
        padding:0 10px;
        font-size:19px;
        line-height:20px;
        font-weight:normal;
        
    }

    .navbar-brand span {
        font-size:16px;
        font-weight:300;
    }


}

@media (max-width: 991px) {


    #about h1 {
        font-size:26px;
        line-height:26px;
    }

    #about p {
        font-size:19px;
        line-height:25px;
    }

}


@media only screen and (min-width:0px) and (max-width:767px) {  /* iPhones and Smartphones */

      #main-nav .navbar-brand{
        
    }

    #main-nav{  /* home state for the main nav bar */
        background: rgba(0,0,0,0.6);
        border-bottom:1px solid #ddd;
    }

    #main-nav .navbar-toggle{
        color:#8aaad9;
        border-color:#8aaad9;
    }

    #main-nav .navbar-toggle .icon-bar{
        background:#8aaad9;
    }

    #main-nav .container{
        padding:10px 20px;
    }

    #main-nav .nav a,
    #main-nav .nav a:active,
    #main-nav .nav a:hover{
        color:#8aaad9;
        line-height:42px;
        text-align:center;
    }

    #main-nav .nav a:before {
        display:none;
    }

    #main-nav .nav a:hover,
    #main-nav .nav li.active a {
        box-shadow:0 0 0 1px;
    }

    h1.section-title span{
        font-size:15px;
        line-height:30px;
    }
	
	#about img {
    box-shadow: 0x 0px 0px 0px rgba(255,255,255,0.2), -3px 0px 0px 3px rgba(255,255,255,0.2);
}
	
		
}

@media (max-width: 380px) {

    .jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom:0;
        min-height:200px;
    }

    #services span {
        font-size: 30px;
        border: 0px solid orange;
    }

    .services .icon, .hobby {
        display: none;
        
    }

    .container .section-title, .line {
        display: none;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        min-height: 10px;
        
    }

    .details p {
        font-size: 1.1em;
    }
}

@media (width: 1920px) {

    .container .section-title, .line {
        display: block;
    }
}

@media (max-height: 1910px) {

    .services p {
        font-size: 2em;
    }

    .services li {
        font-size: 2em;
    }
}

@media (max-height: 1210px) {

    .services p {
        font-size: 2em;
    }

    .services li {
        font-size: 1em;
    }
}

@media (min-width:1100px) and (min-height: 800px) {

    .services ul {
       border: 0px solid red;
       padding-left: 30px;
    }
}

@media (max-width: 2000px) and (max-height: 1090px) {

    #services span {
        font-size: 33px;
        border: 0px solid green;
    } 

    .container .section-title, .line {
        display: none;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        min-height: 130px;
    }

    .details p {
        font-size: 1.2em;

    }
}
@media (max-width: 850px) and (max-height: 650px) {

    #services span {
        font-size: 30px;
        border: 0px solid blue;
    }

    .services .icon {
        display: none;
        
    }

    .container .section-title, .line {
        display: none;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 30px;
        margin-bottom: 20px;
        min-height: 10px;
    }

    ul {
        margin-bottom: 20px;
        margin-left: -20px;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        min-height: 10px;
        background: none;
    }
}


@media (max-width: 450px) and (max-height: 740px) {

    #services span {
        font-size: 30px;
        border: 0px solid red;
    }

    .services .icon, .hobby {
        display: none;
        
    }

    .container .section-title, .line {
        display: none;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        min-height: 10px;
        background: none;
    }

    .details p {
        font-size: 1.1em;
    }


}

@media (max-width: 340px) {

    .jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom:0;
        min-height: 200px;
    }

    #services span {
        font-size: 30px;
        border: 0px solid orange;
    }

    .services .icon, .hobby {
        display: none;
        
    }

    .container .section-title, .line {
        display: none;
    }

    header.jumbotron{
        padding:0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        min-height: 10px;
        background: none;
    }

    .details p {
        font-size: 1.1em;
    }
}

@media (max-width: 479px) {

    .navbar-brand,
    .navbar-brand:hover,
    .navbar-brand:active,
    .navbar-brand:focus {
        padding:0 10px;
        font-size:18px;
        line-height:20px;
        font-weight:normal;
        
    }

    .navbar-brand span {
        font-size:14px;
        font-weight:300;
    }

    h1.section-title{
        font-size: 25px;
        line-height:15px;
        margin: 0px 0 30px;
    }

    ul {
        margin-bottom: 20px;
        margin-left: -20px;
    }
}





   /*  .jumbotron .left-col p{
        font-size:28px;
        line-height:32px;
    }
    
    .jumbotron .left-col {
        width:100%;
        text-align:center;
    }
    
    
    .jumbotron .left-col p span{
        font-size:36px;
    }
    
    .jumbotron .right-col p{
        font-size:82px;
        line-height:82px;
    } */

    /* #main-nav .navbar-brand{
    color:#f05557;
}

#main-nav{
    background:#fff;
    border-bottom:1px solid #ddd;
}

#main-nav .navbar-toggle{
    color:#f05557;
    border-color:#f05557;
}

#main-nav .navbar-toggle .icon-bar{
    background:#f05557;
}

#main-nav .container{
    padding:10px 20px;
}

#main-nav .nav a,
#main-nav .nav a:active,
#main-nav .nav a:hover{
    color:#f05557;
    line-height:42px;
    text-align:center;
}

#main-nav .nav a:before {
    display:none;
}

#main-nav .nav a:hover,
#main-nav .nav li.active a {
    box-shadow:0 0 0 1px;
}

.jumbotron .left-col p{
    font-size:24px;
    line-height:28px;
    
}

.jumbotron .left-col p span{
    font-size:32px;
}

.jumbotron .right-col p{
    font-size:62px;
    line-height:62px;
}

#main-footer ul.footer-nav{
    margin-bottom:24px;
}

#main-footer .left-col,
#main-footer .right-col{
    text-align:center;
}

.modal-dialog{
    max-width:480px;
}

.modal-body .left-col,
.modal-body .right-col{
	width:100%;
}

h1.section-title{
    font-size:42px;
    line-height:56px;
} */

/* .jumbotron .right-col p{
    font-size:38px;
    line-height:38px;
}





h1.section-title{
    font-size:32px;
    line-height:46px;
}


p {
    font-size:16px;
    line-height:21px;
}

.btn-theme{
	padding:15px 40px;
	font-size:18px;
}

#about h1 {
    font-size:28px;
    line-height:36px;
}

#about p {
    font-size:21px;
    line-height:28px;
}


#filter-works ul li a{
    font-size:21px;
    line-height:28px;
}

#contact .contact-info p,
#contact .contact-info address{
    font-size:16px;
    line-height:26px;
}


#contact .form-control {
    height:58px;
    font-size:24px;
    line-height:30px;
}

#contact .form-group [class*="icon-"] {
    font-size:32px;
    line-height:58px;

}

#contact textarea.form-control {
    font-size:24px;
    line-height:32px;
	padding-top:14px;
} */