/*****************

UI SECTION

*****************/

body, html { 
	overflow-x:hidden;
}


h2 {
	padding-top: 12px;
  font-size: 30px;
} 

/*****************

NAVIGATION

*****************/

/* Navigation Text */
.header-section .navi ul li {
	font-size: 16px;
}

/*Menu styling Bottom*/
.header-section {
	border-bottom-style: solid; 
	border-bottom-color: #00aeef;
}


/* Menu styling Bottom Mobile */
.header-mobile {
	border-bottom-style: solid; 
	border-bottom-color: #53bac9;
}


/* Nav logo image tree right */

.user-image{
	content:       url("https://westwoodrealhome.com/wp-content/uploads/2019/07/TreeLogoAttempt3.png");
}


/* Nav Westwood image left */

.header-section .logo img, .header-section-4 .logo img{
	top: 10px;
	margin-bottom: 22px;
	border: 3px solid #004274;
	box-shadow:
    0 0 0 1px hsl(0, 0%, 80%),
    0 0 0 2px hsl(0, 0%, 90%);
}

.user-icon{
	content: url("https://westwoodrealhome.com/wp-content/uploads/2019/07/TreeLogoAttempt3.png");
}

/*****************

HEADER SECTION 

*****************/



/* Header Image Mobile */
.header-mobile .header-logo img {
	border: 3px solid #000;
	box-shadow:
    0 0 0 1px hsl(0, 0%, 80%),
    0 0 0 4px hsl(0, 0%, 90%);
  max-height: 34px;
}

.header-mobile .user-icon {
	padding-top: 5px;
	height: 38px;
	width: 38px;
  font-size: 48px;
	line-height: 70px;
}

/* Text on Image Splash Screen */
.banner-caption h2 { 
	text-shadow:
 		 1px 1px 0 #000,
  	-1px -1px 0 #000,  
  	 1px -1px 0 #000,
  	-1px 1px 0 #000,
     1px 1px 0 #000;
}


/*****************

SIDEBAR

***************/

/* Profile Pic */
#contact { 
	margin-top: -14px;
	color: grey;
}


#JoePic

{
	width: 250px;
	padding-left: 10px;

}

/*****************

FOOTER

***************/


/* Footer Logo */

#treefooter {
	margin-left: 27px;
	width: 20%;
}


/*****************

MEDIA QUERIES

*****************/


/* Small Screen Splash screen Styling */
@media (max-width: 767px){

	.splash-search h1, .banner-caption h1 {
	font-size: 30px;
  line-height: 28px;
  margin: 0 0 5px;
	color: white;
	text-shadow:
  		2px 2px 0 #000,
  		-1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
      1px 1px 0 #000;
		}
	
.banner-inner:before {
    background-color: #34a5d1 		!important;
    opacity: 0.35 !important	;
		}
	
.banner-caption h2 {
font-size: 12.5px;
	 color: white;
  	}	
	
/* 	UI Styling */
h2{
	font-size: 16px !important;
	}

}

/* Ipad Size Splash screen styling */
@media (max-width: 991px) and (min-width: 768px){
	
	.splash-search h1, .banner-	caption h1 {
	font-size: 30px;
  line-height: 57px;
	}
}

/* Bigger Screen Splash screen styling */
@media only screen and (min-width: 768px) {

	.banner-caption h1 {
	font-size: 65px; 
	color: white;
  text-shadow:
       4px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	}
	
}