/* SYLING THAT JAY INCLUDED */

#Header{z-index:2;clear:both;min-height:50px;border-bottom:2px solid #3ba8d4;padding:5px 15px 0px 10px;}
#custom-bootstrap-menu.navbar-default{position:static;margin-bottom:0px;}
.logo{float:right;max-width:40%;}
.logo img{max-width:100%;}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar,.navbar-toggle .icon-bar{background-color:#888;}
.navbar-toggle{margin-top:0px!important;}
.navbar-collapse.in{padding-left:0px;}

.footer{padding:10px 0px;background:#fff;overflow:hidden;}
.one-fith{width:20%;float:left;padding: 0px 15px;}
.copyright{background:#24262b;text-align:center;color:#fff;padding:10px 0px;}




#HypnosisTools_Logo {float: left; margin: 2px 0 0 2px;}
    
.main {position: relative; /*top: 102px;*/padding-top:0px; }

#Footer {top: 60px;}

.center {margin: auto;}

#Front_Page {background: rgba(255, 255, 255, 0.75); margin: 3% 1% 3% 1%; padding: 3% 3% 3% 3%;}
.front-page-opaque-box {border-radius: 5px; background: rgba(255, 255, 255, 0.75); margin: 1% 1% 1% 1%; padding: 3% 3% 3% 3%;}


#Cover_Image_Full_Width {background: url('https://hypnosisandsuggestion.org/assets/images/front_page/shutterstock_171529097_small.jpg')
no-repeat center center ; class: 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/*ALTERNATIVE IMAGES
assets/images/front_page/flickr_84906483@N08_from_here_on_2000x1500.jpg
assets/images/front_page/flickr_frnetz_just_relax_1024x685.jpg
assets/images/front_page/flickr_militaryhealth_hypnosis_1459x1094.jpg
assets/images/front_page/flickr_richardwalkerphotography_a_nice_place_to_sit_1625x914.jpg
*/






/*   BASIC TYPOGRAPHY  */
h1 {font-size:  2.0em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 1em 0 0 0; color:#494949;}
h2 {font-size:  1.7em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 1em 0 0 0; color:#494949;}
h3 {font-size:  1.4em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 1em 0 0 0; color:#494949;}
h4 {font-size:  1.2em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0em 0 0 0; color:#494949;}
h5 {font-size:  1.0em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0em 0 0 0; color:#494949;}
p {font-size: 1.0em; font-family: 'Lato', sans-serif; margin: 0.5em 0 0 0;}
blockquote {font-size: 1.0em; font-style: italic;}
.table ul {margin: 0 0 0 -2em; font-size: 0.8em;}



/* STYLING OF FRONT PAGE */

.main-links-box h2 {font-size: 2em; font-weight: 300; margin: 0 0 1em 0;}

.introduction-box ul li {font-size: 1.8em; font-weight: 200; margin: 0 0 0 0em;}

.front-page-news h5 {font-size: 2.0em; font-weight: 300;}
.front-page-news h1 {font-size: 1.2em; font-weight:800; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 1em 0 0 0; color:#494949;}
.front-page-news h2 {font-size: 1em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.3em 0 0 0; color:#494949;}
.front-page-news h3 {font-size: 1em; font-weight:300; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.3em 0 0 0; color:#494949;}
.front-page-news ul li {font-size:  1em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; text-align: left; margin: 0.5em 0 0 -1.0em;}
.front-page-news li a {color:#494949;}
.front-page-news p {font-weight: 300;}

/*BLUE BAR UNDER MENU
#Blue_Bar {border: solid 1px; height:1px; width:100%; border-color:#3ba8d4; margin: -19px 0 0 0;}

BLUE BAR UNDER MENU
#Blue_Bar_2 {border: solid 1px; height:1px; width:100%; border-color:#3ba8d4; margin: 0px 0 1px 0;}
*/


/*THIS STYLES THE NAVBAR AFTER I REMOVE THE BRAND*/
.navbar .container-fluid, .navbar-collapse {
    padding-left:0;
}
.navbar-collapse.in {
    padding-left:30px;
}

<!--THIS STYLES THE NAVBAR-->
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(73, 73, 73, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(73, 73, 73, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(73, 73, 73, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #bbc1b9;
}





/* SYLING THAT JAY INCLUDED */

@media(max-width:1024px){
	.container{width:100%;}
}
@media (min-width:767px) and (max-width:1024px){
	#Header{text-align:center;}
	.logo{width:40%;float:none;margin:0 auto;display: block;}
	#Header .navbar-right{float:none!important;display:inline-block;}
}

@media(max-width:767px){
	.toggle {margin-top:0px!important;}
	.logo{float:left;max-width:80%;}
}