html {
    background-color: #fff;
}

body { 
        background-image: url("http://jkpsychotherapy.com/Sky_background_final.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 50% 50%;
        background-size: cover;
}

.container {
        
        padding-left: 0;
        padding-right: 0;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9);
}

.intro {
        background-color: #fff;
}



/************************************
                Header
*************************************/
.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0;
}

.header {
        
        padding: 0;
        background-color: #e8f1f8; /*rgba(212, 223, 235, .85);*/
        margin: 0;
}

.header h2 {
        text-align: center;
        font: 36px "Lato", "Helvetica Neue", Helvetica, sans-serif;
        color: #555555;
        letter-spacing: -1px;
        margin-top: 0;
        padding-top: 15px;
    text-transform: uppercase;
}

.sub-title{
        font: .80em "Lato", "Helvetica Neue", Helvetica, sans-serif;
}


.header h4 {
    font: 13px "Lato", "Helvetica Neue", Helvetica, sans-serif;
    text-align: center;
    color: #999999;
    letter-spacing: 5px;
    padding-bottom: 30px;
    margin-top: -5px;
}



/************************************
             Navigation
*************************************/
/*#sticker {
        background-color: #fff;
        z-index: 99999;
        box-sizing:border-box;
}

#sticker-bg {
        background-color: rgba(212, 223, 235, .85);
}

.main-nav {
    margin: 0 auto;
    margin-top: 30px;
    padding: 0;
    letter-spacing: 3px; 
}

.main-nav a {
    color: #5e5e5e;
    font: .90em "Lato", "Helvetica Neue", Helvetica, sans-serif;
}

.main-nav a:hover {
    color: #fff;
    text-decoration: none;
}

.jumbotron2 {
    background-color: #1e73be;
}

.sub-nav {
    margin: 0 auto;
    padding: 0;
}

.sub-nav a {
    color: #fff;
    font: .90em "Lato", "Helvetica Neue", Helvetica, sans-serif;
    text-decoration: none;
}

.sub-nav a:hover {
    color: #7eb8ea;
    text-decoration: none;
}

ul {
    display: table;
    table-layout: fixed;
}

li{
    display: table-cell;
    padding: 10px 30px;
    letter-spacing: 2px;
}

/*Responsive Nav Styling
@media (max-width: 767px) {
    /*Hides the navigation on mobiles*/
  /*  .main-nav {
        display: none;
    }

    .sub-nav {
        display: none;
    }

        /*Switches the menu to a vertical list and adds padding between the items*/
    /*li {
        display: block;
        padding-bottom: 10px;
        text-align: center;
    }

        Reveals the hamburger icon on mobiles 
    .main-nav-btn{
        content:url("http://jkpsychotherapy.com/img/menu3.png");
        height: 60px;
       
    }

    .sub-nav-btn{
        content:url("http://jkpsychotherapy.com/img/menu3.png");
        height: 60px;
       
    }

    .ham {
        text-align: center;
    }

}
*/

.rmm {
    display:block;
    position:relative;
    width:100%;
    padding:0px;
    margin:0 auto !important;
    text-align: center;
    line-height:19px !important;
}

.rmm.main-nav {
    padding-bottom: 20px;
}

/*.rmm * {
    -webkit-tap-highlight-color:transparent !important;
    font-family:Arial;
}*/

.rmm a {
    color: #5e5e5e;
    text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
    margin:0px;
    padding:0px;
}
.rmm ul {
    display:block;
    width:auto !important;
    margin:0 auto !important;
    overflow:hidden;
    list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
    display:none !important;
    height:0px !important;
    width:0px !important;
}



.rmm .rmm-main-list li {
    display:inline;
    padding:padding:0px;
    margin:0px !important;
}
.rmm-toggled {
    display:none;
    width:100%;
    position:relative;
    overflow:hidden;
    margin:0 auto !important;
}
.rmm-button:hover {
    cursor:pointer;
}
.rmm .rmm-toggled ul {
    display:none;
    margin:0px !important;
    padding:0px !important;
}
.rmm .rmm-toggled ul li {
    display:block;
    margin:0 auto !important;
}




/* MINIMAL STYLE */

.sub-nav {
    background-color: #4a8fcb; /*#8eb9de;*/ /*#1e73be;*/
}

.sub-nav .rmm.minimal .rmm-main-list li a,
.sub-nav .rmm.minimal .rmm-toggled ul li a {
    color: #fff;
}

.sub-nav .rmm.minimal .rmm-main-list li a:hover,
.sub-nav .rmm.minimal .rmm-toggled ul li a:hover {
    color: #bbd5eb;
}

.rmm.minimal a {
    color:#5e5e5e;
    font: .80em "Lato", "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 2px;
}
.rmm.minimal a:hover {
    color: #fff;
    /*opacity:0.7;*/
}
.rmm.minimal .rmm-main-list li a {
    display:inline-block;
    padding:8px 30px 8px 30px;
    margin:0px -3px 0px -3px;
    /*font-size:15px;*/
}
.rmm.minimal .rmm-toggled {
    width:100%;
    min-height:36px;

}
.rmm.minimal .rmm-toggled-controls {
    display:block;
    height:36px;
    color:#333333;
    text-align:left;
    position:relative;
    /*border: 1px solid #fff;*/
}
.rmm.minimal .rmm-toggled-title {
    position:relative;
    top:9px;
    left:9px;
    font-size:16px;
    color:#33333;
}
.rmm.minimal .rmm-button {
    display:block;
    position:absolute;
    right:9px;
    top:7px;
}

.rmm.minimal .rmm-button span {
    display:block;
    margin:4px 0px 4px 0px;
    height:2px;
    background:#333333;
    width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
    display:block;
    width:100%;
    text-align:center;
    padding:10px 0px 10px 0px;
    border-bottom:1px solid #fff;
    color:#5e5e5e;
    font: .90em "Lato", "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 2px;
}


.rmm.minimal .rmm-toggled ul li a:hover {
    color:#fff;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
    border-top:1px solid #fff;
}





/*.main-nav.nav li a {
        color: #5e5e5e;
        font: .90em "Lato", "Helvetica Neue", Helvetica, sans-serif;
        letter-spacing: 3px;
}

.main-nav.nav li a:hover {
        background-color: transparent;
        color: #fff;
}

.header .nav-justified {
        padding: 0 30px;
}

.jumbotron2 {
        background-color: #1e73be;
        padding-left: 100px;
        padding-right: 100px;
        
}

.containter .jumbotron2 .nav li{
        padding: 0 85px;
}


.jumbotron2 .nav li a {
        color: #fff;

}


.jumbotron2 .nav li a:hover {
        background-color: transparent;
        color: #7eb8ea;
}

.navbar-toggle {
    border-color: transparent;
    background-color: #fff;
}

.navbar-toggle {
    border-color: transparent;
    background-color: #fff;
}*/


/************************************
               Carousel
*************************************/
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  
.well {
        border-radius: 0;
        background-color: rgba(90, 90, 90, .65);
        border: none;
        bottom: 0%;
        right: 0%;
        left: 0%;
        padding: 5px 0 15px 0;

}

.carousel-indicators {
        bottom: 13px;
}



/************************************
         Specializations Row
*************************************/

.row {
        margin: 0;
        padding: 40px 30px 20px 30px;
}

.caption h3 {
    font: 24px "Old Standard TT", "Helvetica Neue", Helvetica, sans-serif;
    color: #7eb8ea;
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
}

.caption p {
    text-align: center;
}

.btn {
    background-color: #1e73be;
    margin: 0 auto;
}



/************************************
   Welcome Message & Call to Action
*************************************/
.row1{
    margin: 0;
    background-color: rgba(0, 113, 188, 0.2);
    padding: 80px 40px;
}

.panel-body {
    font: 2.25em "Old Standard TT", "Helvetica Neue", Helvetica, sans-serif;
    color: #7eb8ea;
    font-weight: 700;

}

.col-md-6 p {
    font-size: 16px;
}

.col-md-6 h4 {
    text-align: left;
}

.call-out .panel{
    margin: 40px; 40px;
    border: 10px solid #e9e9e9;
    padding: 30px;
}

.p-call-out {
    margin-bottom: 0;
    padding: 15px;
    font-size: 18px;
    color: #28323f;
}

.btn-group-lg>.btn, .btn-lg {
    margin: 15px;
}



/************************************
              Quote Block
*************************************/
.quote-block {
    padding: 60px;
    background-color: #d4dfeb;

}

.quote-block .panel {
    margin: 0;
    padding: 40px;
    background-color: #d4dfeb;
    border: 2px solid #fff;
}

.quote-block .panel h4 {
    font: 24px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #7eb8ea;
    text-align: center;
}

.p-quote {
    font: 16px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
}



/************************************
            Footer Block
*************************************/
.jumbotron3 {
    padding: 50px 0;
    text-align: center;
    background-color: #555555;
    color: #fff;
    font: 11px "Lato", "Helvetica Neue", Helvetica, sans-serif;
}

.jumbotron3 p {
    margin: 0;
    padding: 0;
}

.jumbotron3 p.copyright {
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

.jumbotron3 p.address {
    margin-bottom: 24px;
    line-height: 18px;
}

.jumbotron3 a {
    color: #fff;
    font: 11px "Lato", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.jumbotron3 a:hover {
    text-decoration: underline;
}

.largefont {
    font-size: 16px;
}

.page-title h1 {
    font: 2.75em "Old Standard TT", "Helvetica Neue", Helvetica, sans-serif;
    color: #7eb8ea;
    font-weight: 700;
    padding-left: 40px;
    letter-spacing: -2px;

}

.thumbnail {
    padding: 10px;
}

.caption h2, h4 {
    text-align: center;
    margin: 0;
    font: 1.25em "Old Standard TT", "Helvetica Neue", Helvetica, sans-serif;
    color: #7eb8ea;
    font-weight: 800;
}


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


@media (min-width: 1200px) {  /*anything over 1200*/
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 991px) {  /*anything from 992 - 1199*/

}

@media screen and (min-width: 768px) {  /*anything from 769 - 990*/
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0;
        padding-left: 0;
    }

    #sticker {
        position: static !important;
    }

}


@media (max-width: 767px) { /*up to 767*/
    .header h2 {
        font-size: 32px;
    }

}