/* Home Page */

.slider {
position:absolute; top:0
}

.white-wrapper {
width:100%; background:rgba(255, 255, 255, 0.5); position: relative; z-index:1007
}

.text-box-wrapper {
width:100%; position:absolute; bottom:150px
}

.text-box-body {
width:100%;	max-width:1200px; height:auto; margin:auto; text-align:center
}

.text-box {
width:22%; height:auto; display:inline-block; padding:10px; padding-bottom:5px; background:#fdaf17; position: relative;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

.text-box:hover {
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
z-index:10000;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

.text-box img {
width:100%; height:auto; position: relative; z-index: 1007;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

.text-box img:hover {
-webkit-filter:sepia(1);
filter:sepia(1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out
}

.middle-box1 {
margin-left:25px; margin-right:20px
}

.middle-box2 {
margin-right:25px
}

.text-box h1 {
font-size:24px; color:#ffffff; text-align:center
}

.text-box-title {
width:100%; position:absolute; bottom:12%; left:0; z-index:1008; background:rgba(0, 0, 0, 0.7); padding:10px; padding-left:0px; padding-right:0px
}

/* Responsive CSS */

@media only screen and (max-width: 890px) {
.text-box-wrapper {
position:absolute; bottom:250px
}
	
.text-box h1 {
font-size:18px
}
}

@media only screen and (max-width: 800px) {
body.page-template-home-page {
background:url('../images/background-home.jpg') no-repeat 50% 50% fixed;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
-webkit-background-size:cover; 
-moz-background-size:cover; 
-o-background-size:cover; 
background-size:cover;
background-position:contain;
height:100vh
}
	
.white-wrapper {
padding-top:30px; padding-bottom:10px
}

.text-box-wrapper {
position:relative; top:0; bottom:inherit
}

.text-box {
width:100%; max-width:400px; height:auto; display:block; margin:auto; margin-bottom:30px
}
	
.middle-box1, .middle-box2 {
margin-right:auto; margin-left:auto
}

.text-box h1 {
font-size:24px
}
}