body{ background:#f2f2f2; margin:0; padding:0; font-family:arial;}
/*.hamlet-home-bg{ position:fixed; background-size:cover; height:100%; width:100%; top:0; bottom:0; left:0; right:0;}*/

.hamlet-pr{ position:relative;}

/*.opacity-bg{position:absolute; height:100%; width:100%; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5);}*/

.hamlet-home-box{ 
	/* changed to fixed from absolute - because that is based on the browser window
		however, need to change so it moves up for smaller screens later */
	position:fixed;
	/* set the height and width of the box - using max-?? did not work */
	height: 504px;
	width: 990px;
	/* Sets the edge position in % of containing element - so this will put left edge and top edge in the middle
		if you can figure out the % size of box vs screen, do not need to set margins?  */
	left:50%; 
	top:45%; 
	/* make top margin negative half of height, left margin negative half of width, to center the box*/
	margin:-252px 0 0 -495px;
	/* top&bottom padding is (height-logo size)/2- logo is 324px - (504-324)/2=90 */
	padding:90px 30px 30px 90px; 
	/* background:rgba(50,153,152,0.85);  */
	background:rgba(144,210,204,0.85); 

	/* Specify that <div> elements should have padding and border included in the element's total width and height:*/
	box-sizing:border-box;
}
.hamlet-home-box .box-cen{ margin:0 auto; width:350px;}

.hamlet-home-box .logo-home{ 
	float:left; 
	width:360px; 
	height:360px; 
}

.hamlet-home-box .logo-home img{ display:block; max-width:100%;}
.hamlet-home-box .logo-home-r{ 
	margin: 145px 40px 40px 40px; 
	
}
.hamlet-home-box .logo-home-r span { 
	/*display:block;*/ 
	font-size:117px; 
	letter-spacing: normal; 
	font-weight:600;
	font-family:arial; 
	color:#fff; 
	line-height:inherit;
}
.hamlet-home-box .logo-home-r .flds{ 
	height:50px; 
	background:#fff; 
	padding: 0 10px; 
	/* put space above search bar */
	margin:10px 0 0 3px; 
	font-size:28px; 
	font-family:arial; 
	color:#000000; 
	border:none; 
	outline:none; 
	width:51%; 
	text-align: center;
	display:inline-block;
}
/* for the placeholder text */
	.hamlet-home-box .logo-home-r .flds::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #989898;
	}
	.hamlet-home-box .logo-home-r .flds::-moz-placeholder { /* Firefox 19+ */
	  color: #989898;
	}
	.hamlet-home-box .logo-home-r .flds:-ms-input-placeholder { /* IE 10+ */
	  color: #989898;
	}
	.hamlet-home-box .logo-home-r .flds:-moz-placeholder { /* Firefox 18- */
	  color: #989898;
	}


.hamlet-home-signin{ z-index:999; position:fixed; right:25px; top:25px; padding: 5px 10px; margin:0; font-size:14px; font-family:arial; color:#333; background:#dcd9d6; text-decoration:none; text-align:center; line-height: 18px; font-weight:600; border-radius:1px;}
.hamlet-home-signin span{ display:block; font-size:10px; line-height: 10px; font-weight:300;}
.hamlet-home-signin:hover{color:#fff; background:#72c5ba;}

.hamlet-home-search{ right:25px; top:25px; padding: 5px 10px; margin:0; font-size:14px; font-family:arial; color:#333; background:#dcd9d6; text-decoration:none; text-align:center; line-height: 18px; font-weight:600; border-radius:1px;}
.hamlet-home-search:hover{color:#fff; background:#72c5ba;}
.close--pop {
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 0px;
    text-decoration: none;
    top: 0;
}

.rt-container { width: auto!important;}
.rt-block .logo-block{
	display: none;
}

body [class*="rt-grid"] {
      float: none!important;
    }

#cboxClose { display: none;}

@media (max-width:767px){
.hamlet-home-box{ margin:-52px; 5%; max-width:90%; top:75px; left:0; padding:35px 15px; height:auto; max-height:inherit;}
.hamlet-home-box .logo-home{ float:inherit; margin:0 auto 10px;}
.hamlet-home-box .logo-home-r{ margin:0; text-align:center;}
}