body, html {
    height: 100%; 
	margin-left: 0;
	margin-right: 0;
}

/*
.total {
}
@media screen and (max-width: 500px) {.total {display: none;}}
*/

/* Create a Parallax Effect */
div.scrollmenu {
	background-color: #8db575;
	overflow: auto;
	white-space: nowrap;
	top = 0; 
	position = sticky;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}

/*testing horizontal scroll  */
.footer {
	position: fixed;
	bottom: 0px;
}

div.teta {
  background-color: orange;
	color: yellow;
width =1500px;
  overflow: auto;
  white-space: nowrap;
}

div.james {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
font-size:15px;

}

div.james a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 10px;
  text-decoration: none;
	color: #333;
}

div.james a:hover {
  background-color: #777;
}
/* end of test */

.bgimg-1, .bgimg-1_mobile, .bgimg-2 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; /*this controls background size */
}

/* First image (Logo. Full height) */
.bgimg-1 {
    background-image: url("../images/grapes2.bmp");
    min-height: 400px;
}
.bgimg-1_mobile {
    background-image: url('../images/grapes2.bmp');
    min-height: 100%;
	background-position: top;
}

/* Second image (Portfolio) */
.bgimg-2 {
    background-image: url("../images/Palmaz2a.jpg");
    min-height: 200px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

.welcome {
	font-family: 'Cormorant Upright', arial, serif;
	font-style: normal;
	font-weight: bold;
	text-align: center;	

}

/* The navigation bar */
.navbar {
	overflow: hidden; /* change to auto for scroll bar*/
	white-space: nowrap; 
	background-color: #8db575;
	position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  display: inline-block;
  color: white;
  text-align: center;
}

/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
}

.photoStay {
	position:absolute; 
	width: 800px; 
/* temp until I get "mobile under construction" from top: 45% */
	top:35%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.fullTitle {
	color: #fefff4;
	letter-spacing:4px;
}

/* Main content */
.main {
	margin-top: 30px; /* Add a top margin to avoid content overlay */
	text-align: center;
}

.companyName {
	font-family: 'Cormorant Upright', arial, serif;
	font-style: normal;
	font-weight: bold;
	text-shadow: 4px 4px black;
	color: white; 
	text-align: center;
	font-size: 40px;
}


.service {
	font-size: 30px;
}

.container {
	width: 100%;
	min-width: 1200px;
}

.container1 {
	width: 100%;
	min-width: 1200px;
	color: white;
}

.container2 {
	width: 100%;
	min-width: 1200px;
	background-color: #fefff4; 
	height: 300px
}

.column_j {
	display: block;
	
    width: 30%;
	float: left;
	margin-left:20px;
	margin-right:0px;


	border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.column_k {
	display: block;
	
    width: 40%;
	float: left;
	margin-left:20px;
	margin-right:0px;


	border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.column_m {
	display: block;
	
    width: 40%;
	float: left;
	margin-left:100px;
	margin-right:0px;


	border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}