body{
margin:0;
padding:0;

}


.fa-cutlery{
text-decoration:none;
color:#fff;

}

.fa-camera-retro{
text-decoration:none;
color:#fff;

}

.fa-bed{
text-decoration:none;
color:#fff;

}

.fa-credit-card-alt{
text-decoration:none;
color:#fff;

}


.hiddendesktop{
    display:none;
  }


.pb-center-column h3{
	font-family: 'Roboto Condensed', sans-serif;
	color:#3f3f45;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    /*font-weight: bold;*/
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 10px;
    position: relative;
   
}

.pb-center-column h3:after {
    border-bottom: 4px solid #223342;
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    width: 120px;
}

.home_title{
	font-family: "Manrope", sans-serif;
	font-size: 33px;
	color:#383838;
	font-weight:400;
	/*text-align:center; */
  }

  .service_box{
	border:1px #e3e2e7 solid;
	min-height:380px;
	 -o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; 
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
	color:#383838;
	text-align:center;
}

.service_box:hover{
	border:1px #000 solid;
	min-height:380px;
	-webkit-box-shadow: 0px 0px 30px 2px rgba(255,144,78,0.5); /* rgba(0,0,0,0.4); */
-moz-box-shadow: 0px 0px 30px 2px rgba(255,144,78,0.5);
box-shadow: 0px 0px 30px 2px rgba(255,144,78,0.5);
/*background:#6fa9bf;*/
background: linear-gradient(231deg,rgba(69, 63, 52, 1) 0%, rgba(250, 182, 35, 1) 100%);
color:#fff;
}


.service_box a.title{
	color:#383838;
	font-family: 'Manrope', sans-serif;
	font-size:20px;
	text-decoration:none;
	font-weight:400;
	
}

.service_box:hover a.title{
	color:#fff;
	
}

.service_box a.texts{
	color:#909090;
	font-family: 'Manrope', sans-serif;
	font-size:16px;
	font-weight:300;
	text-decoration:none;
}


.service_box:hover a.texts{
	color:#e4e6e8;
}



.service_box a.roll{
background: url('truck_icon_blue.png') center center no-repeat; 
height:80px;
display:block;

}

.service_box:hover a.roll{
	background: url("truck_icon_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll2{
background: url('warehouse_icon_blue.png') center center no-repeat; 
height:80px;
display:block;
}

.service_box:hover a.roll2{
	background: url("warehouse_icon_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll3{
background: url('computer_icon_blue.png') center center no-repeat; 
height:60px;
display:block;
}

.service_box:hover a.roll3{
	background: url("computer_icon_white.png") center center no-repeat; 
	height:60px;
	display:block;
   
}

.service_box a.roll4{
background: url('magnifying_icon_blue.png') center center no-repeat; 
height:80px;
display:block;
}

.service_box:hover a.roll4{
	background: url("magnifying_icon_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll5{
background: url('last_mile_blue.png') center center no-repeat; 
height:80px;
display:block;
}

.service_box:hover a.roll5{
	background: url("last_mile_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll6{
background: url('chain_icon_blue.png') center center no-repeat; 
height:80px;
display:block;
}

.service_box:hover a.roll6{
	background: url("chain_icon_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll7{
background: url('list_icon_blue.png') center center no-repeat; 
height:80px;
display:block;
}

.service_box:hover a.roll7{
	background: url("list_icon_white.png") center center no-repeat; 
	height:80px;
	display:block;
   
}

.service_box a.roll8{
background: url('automation_icon_blue.png') center center no-repeat; 
height:60px;
display:block;
}

.service_box:hover a.roll8{
	background: url("automation_icon_white.png") center center no-repeat; 
	height:60px;
	display:block;
   
}

.main_tilte{
	color:#383838;
	font-family: 'Manrope', sans-serif;
	font-size:20px;
	text-decoration:none;
	font-weight:400;
	text-align:center;
	padding-top:20px;
}

/******************* position squares ************/
.positionleft_sq{
	position:absolute; 
	top:50%; 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
	background:#fff; 
	display:inline-block; 
	width:48%;
	}

	.positionright_sq{
	position:absolute; 
	top:50%; 
	left:52%; 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
	background:#fff; 
	display:inline-block; 
	width:48%;
	}
	/******************* position squares ************/

/***scroll text***/
	.content{
		overflow: auto;
		position: relative;
		padding: 20px 20px 20px 40px;
		background: #fff;
		margin: 10px 10px 10px 10px;
		width: 740px;
		max-width: 95%;
		height: 350px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		
	}
/***scroll text***/

	.title_with_line{
		font-family: 'Manrope', sans-serif;
		font-size: 50px;
		color:#353535;
		font-weight:200;
		border-left:3px #566766 solid; 
		display:inline-block;
		height:0 auto; 
		padding-left:20px; 
		margin-left:50px;
		line-height: 55px;
		text-align:left;
		/*border:1px red solid;*/
		margin-top:40px;
		margin-bottom:20px;
	   
	  }

	  .title_with_line_mobile{
		font-family: 'Manrope', sans-serif;
		font-size: 24px;
		color:#353535;
		font-weight:200;
		border-left:3px #566766 solid; 
		display:inline-block;
		/*height:0 auto; */
		padding-left:20px; 
		/*margin-left:50px;
		/*line-height: 5px;*/
		/*text-align:left;*/
		margin-top:40px;
		margin-bottom:20px;
	   }

	  .scrollable_text {
		font-family: 'Manrope', sans-serif;
		font-size: 19px;
		color:#696969;
		font-weight:300;
		line-height: 35px;
		
	  }

	  .scrollable_text_mobile {
		font-family: 'Manrope', sans-serif;
		font-size: 17px;
		color:#696969;
		font-weight:300;
		
		
	  }

/*
.title {
  position: absolute;
  top: 60%;
  left: 100px;
}*/

input[name="name"],
input[name="email"],
input[name="phone"],
input[name="subject"],
textarea[name="message"] {
	margin: 0 0 30px 0;
	min-width: 350px;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	font-family: "Manrope", sans-serif;
	color: #5d5d5d;
	/*border: 1px solid #feafff;*/
	border: 1px solid #6e6e6e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	font-weight:500;
}

input[name="name"]:focus,
input[name="email"]:focus,
input[name="phone"]:focus,
input[name="subject"]:focus,
textarea[name="message"]:focus {
	/*border: 1px solid #fd39ff;*/
	border: 1px solid #d3d3d3;
	outline: 0;
}

input::placeholder,textarea::placeholder {
	font-family: "Manrope", sans-serif;
	font-weight: 300;
	opacity: 0.5;
	color:#6e6e6e;
  }
.first-image{
	margin-top:-105px;
}

/************ line to icon ****/
h2 {
	font: 33px sans-serif;
	margin-top: 30px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}

h2:before {
	border-top: 2px solid #404040;
	content: "";
	margin: 0 auto; /* this centers the line to the full width specified */
	position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 50%;
	z-index: -1;
}

h2 span {
	/* to hide the lines from behind the text, you have to set the background color the same as the container */
	background: #303030; /*background: #fff;*/
	padding: 0 25px;
}
/************ line to icon ****/

.banner {
  width: 100%;
  height: 65px;
  position: relative; /* 1 */
  z-index: 3; /* 1 */
  background-color:rgba(0,0,0,0.5); 
  border-bottom: 1px solid rgba(255,255,255,0.1);
  color: #fff;
}


.bar_before {
    position: fixed;
    display: none;
    width: 100%;
    height: 69px;
    background-color:rgba(0,0,0,0.5); 
    z-index:3; /*mine*/
    /* margin-top:-20px; */
/*    border-bottom: 1px #e1e1e1 solid; */
}

.freeshipping{
	text-align:center; 
	min-height:29px;
	background-color:#fff;

}

.menu_bar_up{
	position:relative;
	background-color:rgba(0,0,0,0.5); 
	z-index:1000;
	background-position:fixed;
}


.responsive-image{
        height:auto;
        /* width:100%; */
        max-width: 100%;
}


.parallax-window {
    min-height: 400px;
    background: transparent;

}


.flex-container {
	width: 100%;
	min-height: 200px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */		
	display: flex; /* Standard syntax */
}


.flex-container .newcolumn{
    padding: 10px;
    min-height:200px;
    background: #f8f8f8;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
}

.postext{
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width:85%;
  }

  /************* image zoom *********/

/* [1] The container */
.img-hover-zoom {
	/*max-height: 300px;*/ /* [1.1] Set it as per your need */
	  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
	}
	
	/* [2] Transition property for smooth transformation of images */
	.img-hover-zoom img {
	  transition: transform .5s ease;
	}
	
	/* [3] Finally, transforming the image when container gets hovered */
	.img-hover-zoom:hover img {
	  transform: scale(1.1);
	  /*** transform: scale(1.2) rotate(10deg); ***/ /* for zoom*/
	
	}
	
	/************* image zoom *********/


	.home_btn{
		font-family: "Manrope", sans-serif;
		text-align:center;
		color:#fff;
		font-size:15px;
		font-weight:500;
		display:block;
		border: 2px solid #d6d6d6; 
		width:170px; 
		padding:10px;
		margin-left:auto; 
		margin-right:auto;
		text-decoration:none;
		letter-spacing: 1px;
		/*background:transparent;*/
		background:#e3aa30;
		  -webkit-transition:all 0.5s ease;
	  -moz-transition:all 0.5s ease;
	  -o-transition:all 0.5s ease;
	  transition:all 0.5s ease;
	  text-decoration: none;
		
		
	  }
	  .home_btn:hover{
		color:#5b5c5e;
		border: 2px solid #d6d6d6; 
		background:#fff;
		
	  }

	  .space20top{
		padding-top:20px;
	  }

	  .space20top_home{

		padding-top:50px;

	  }

.overlaycolor {
    /*background: linear-gradient(rgba(255, 0, 0, 0.65), rgba(0, 0, 255, 0.15)),
                rgba(27,48,180,0.10); */
	background: linear-gradient(-45deg, rgba(78, 97, 68, 0.50), rgba(0, 0, 0, 0.40));
	background-size: cover;
    color: #fff;
    text-align: center;
    /*text-rendering: optimizeLegibility;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
    margin: 0;
    padding: 75px 10px 15px;
    min-height: 700px;
	/*max-height:800px;*/
	letter-spacing:3px;
}

.overlaycolor2 {
    /*background: linear-gradient(rgba(255, 0, 0, 0.65), rgba(0, 0, 255, 0.15)),
                rgba(27,48,180,0.10); */
	/*background: linear-gradient(-45deg, rgba(69, 63, 52, 0.50), rgba(250, 182, 182, 1)100%); */
	background: rgba(160, 122, 41, 0.3);
	background-size: cover;
    color: #fff;
    text-align: center;
    /*text-rendering: optimizeLegibility;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
    margin: 0;
    padding: 75px 10px 15px;
    min-height: 500px;
	/*max-height:800px;*/
	letter-spacing:3px;
}

.image_title_big{
	font-family: 'Manrope', sans-serif;
	font-size:50px;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	padding-top:260px;
	font-weight:bold;
}

.image_title_small{
	font-family: 'Manrope', sans-serif;
	font-size:22px;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	font-weight:normal;
}


.product_title{
	color:#363636;
    font-family: 'Noto Sans', sans-serif;
	font-size:28px;
	font-weight:bold;
	/*margin:20px auto;*/
		
}

.product_decr1{
	color:#363636;
	font-family: 'Noto Sans', sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:20px 0 8px 0;
		
}

.product_decr2{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:normal;
	
		
}

.product_price{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 0 0;
	/*letter-spacing:2px;	*/
}

.threeblockstitle{
	color:#363636;
	font-family: "Manrope", sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:20px auto;
	letter-spacing:2px;	
	font-weight:400;
}

.threeblockstexts{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:normal;
	margin:25px auto;
	
}


blockquote  {
	font-style: italic;
	color:#5b5c5e;
	font-family: "Manrope", sans-serif;
	font-size:30px;
	font-weight:400;
	text-align:center;
  }
  blockquote > p:before {
	content: '“';
	
  }
  blockquote > p:after {
	content: '”';
  }


.workstitle{
	color:#5b5c5e;
	font-family: "Manrope", sans-serif;
	font-size:45px;
	font-weight:300;
	margin:25px auto;
	letter-spacing:1px;
	
}

.workstitle_white{
	color:#fff;
	font-family: "Manrope", sans-serif;
	font-size:45px;
	font-weight:300;
	margin:0px auto;
	letter-spacing:1px;
	
}



.workstitle2{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:35px;
	font-weight:bold;
	margin-top:25px;
	letter-spacing:2px;
	
}

.workstitle3{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:22px;
	margin-top:25px;
	
}

.workstexts{
	color:#5b5c5e;
	font-family: "Manrope", sans-serif;
	font-size:18px;
	font-weight:300;
	
}

.workstexts_white{
	color:#fff;
	font-family: "Manrope", sans-serif;
	font-size:18px;
	font-weight:300;
	
}

.workstexts2{
	color:#fff;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	padding-top:20px;
	/* font-weight:bold; */
	
}

.workstexts3{
	color:#fff;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	padding-top:20px;
	/* font-weight:bold; */
	
}

.border_image {
    border: 2px solid #fff;
    border-radius: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}


.colordate {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #e8e5e5;
    color: #b6a779;
    display: inline-block;
    /*font-family: "Roboto Condensed",sans-serif;*/
	font-family: "Manrope", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 5px 10px;
	 text-decoration:none;
 -o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
}

.colordate:hover{
    background: none repeat scroll 0 0;
    border: 3px solid #3e3a48;
    color: #3e3a48;
    display: inline-block;
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px 10px;
}



.colordate2 {
    background: none repeat scroll 0 0;
    border: 2px solid #3e3a48;
    color: #3e3a48;
    display: inline-block;
    /*font-family: "Roboto Condensed",sans-serif;*/
	font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 8px 25px;
	 text-decoration:none;
	 -webkit-transition:all 0.5s ease;
	 -moz-transition:all 0.5s ease;
	 -o-transition:all 0.5s ease;
	 transition:all 0.5s ease;
}

.colordate2:hover{
    background: #b9a66c none repeat scroll 0 0;
    border: 2px solid #e8e5e5;
    color: #f2f2f2;
    display: inline-block;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 8px 25px;
}


/*
.feature_divider {
    border: 2px solid #363636;
    display: block;
    margin: 25px auto;
    width: 70px;
}
*/

.feature_divider {
    border: 2px solid #363636;
    display: block;
    margin: 15px auto;
	margin-top:50px;
	width: 70px;
}


.feature_divider2 {
    border: 2px solid #ff8f44;
    display: block;
    margin: 15px auto;
    width: 70px;
}


.productstitle{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	
}

.productsprice{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
}

.productsprice span{
text-decoration: line-through;
font-style:italic;
color:#363636;
margin-left:10px;
}

.category_title{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:22px;
	}

.category_text{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:15px;
	}
	
	.book_text{
	color:#363636;
	font-family: 'Comfortaa', cursive;
	font-size:14px;
	}
	
	.book_title{
	color:#0b0b0b;
	font-family: 'Comfortaa', cursive;
	font-size:16px;
	font-weigth:bold;
	}
	
	
/*.scrollToTop{
	width:55px; 
	height:55px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:50px;
	right:40px;
	display:none;
	background: url('../img/scroll-to-top.png') no-repeat 0px 20px;
	box-sizing: unset;  /*to ekobe to menou pou to exei inherit*/
/*}*/
/*.scrollToTop:hover{
	text-decoration:none;
}*/


/*scroll to top */
.scrollToTop {
	position: fixed;
	background:url(../img/scroll-to-top.png) no-repeat;
	cursor: pointer;
	bottom: 1em;
	right: 0px;
	width:55px;
	height: 55px;
	padding-right: 2em;
	padding-bottom: 1em;
	display: none;
	box-sizing: unset;
	
	}
	
	
	.scrollToTop:hover {
	position: fixed;
	background:url(../img/scroll-to-top-hover.png) no-repeat;
	cursor: pointer;
	bottom: 1em;
	right: 0px;
	width:55px;
	height: 55px;
	padding-right: 2em;
	padding-bottom: 1em;
	display: none;
	
	}
	/*scroll to top */

	/***** sliding underline *****/
.slide-center-out 
{
text-decoration:none;
display: inline-block;
color:#6e7f66;
}
/* add a empty string after the elment with class .slide-center-out  */
.slide-center-out:after 
{
content: '';
display: block;
height: 2px;
width: 0;
color:#00ff00;
background: transparent;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, backgroundbackground-color .5s ease;
 
margin:auto; /* center the cotent so it will sliding from the midddle to the left and right */
}

.slide-center-out:hover{
	color:#3e4c37;
}
 
/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after 
{
width: 100%;
background: #3e4c37;

}

/***** sliding underline *****/

.formcontent{
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  color:#5b5c5e;
  padding: 0 0 10px 20px;
  font-weight:300;

	
}

.footercontent{
	font-family: "Manrope", sans-serif;
  font-size: 14px;
  color:#ffe5d6;
  /*padding: 40px 20px 50px 20px;*/
  font-weight:400;
}

.footercontent_links{
	font-family: "Manrope", sans-serif;
  font-size: 14px;
  color:#ffe5d6;
  /*padding: 40px 20px 50px 20px;*/
  font-weight:400;
}

.footercontent_links:hover{
	font-family: "Manrope", sans-serif;
  font-size: 14px;
  color:#f8f1ec;
  /*padding: 40px 20px 50px 20px;*/
  font-weight:400;
}

.footer_height{
	min-height:180px; 
	/*background: #074d81;*/ /*#303030*/
	/*background: rgb(255,145,76);*/
	background: linear-gradient(231deg,rgba(69, 63, 52, 1) 0%, rgba(250, 182, 35, 1) 100%);
	color:#fff; 
	/*background-image: url("../img/shape13.png");
	background-repeat: no-repeat;
	background-size: cover;*/
  }

.contact_links{
	color:#a97d01;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	text-decoration:none;
  -o-transition:all 300ms ease-out, all 300ms ease-in;
  -ms-transition:all 300ms ease-out, all 300ms ease-in;
  -moz-transition:all 300ms ease-out, all 300ms ease-in;
  -webkit-transition:all 300ms ease-out, all 300ms ease-in;
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 300ms ease-in;
}
	
.contact_links:hover{
	color:#dca202;
	font-family: 'Comfortaa', cursive;
	font-size:18px;
	
}

.f_links{
 font-size: 13px;
 color:#696969;
  font-family: 'Comfortaa', cursive;
 text-decoration:none; 
/* font-family: tahoma, arial, georgia;*/
 text-decoration:none;
 -o-transition:all 300ms ease-out, all 250ms ease-in;
  -ms-transition:all 300ms ease-out, all 250ms ease-in;
  -moz-transition:all 300ms ease-out, all 250ms ease-in;
  -webkit-transition:all 300ms ease-out, all 250ms ease-in; */
  /* ...and now override with proper CSS property */
   transition:all 300ms ease-out, all 250ms ease-in;
   
}

.f_links:hover{
color: #949292;

}

	
	/* Larger than mobile */ /* mine*/
@media (max-width: 320px) {

	.hiddenmobile {
		display:none;
	  } 
	
	  .hiddendesktop {
		display:block;
	  }
	
	.workstitle_white{
		color:#fff;
		font-family: "Manrope", sans-serif;
		font-size:35px;
		font-weight:300;
		margin:0px auto;
		letter-spacing:1px;
	
	}

	.space20top_home{
		padding-top:30px;


	  }
	.flex-container{
		width: 100%;
		min-height: 300px;
		margin: 0 auto;
		display: -webkit-flex; /* Safari */		
		display: flex; /* Standard syntax */
		flex-direction: column;
		  }
		
		  
		  .flex-container .newcolumn{
			  padding: 10px;
			  min-height: 650px;
			  background: #f8f8f8;
			  -webkit-flex: 1; /* Safari */
			  -ms-flex: 1; /* IE 10 */
			  flex: 1; /* Standard syntax */
		  }

}

@media (min-width: 321px) and (max-width: 767px){

	.hiddenmobile {
		display:none;
	  } 
	
	  .hiddendesktop {
		display:block;
	  }
	
	.workstitle_white{
		color:#fff;
		font-family: "Manrope", sans-serif;
		font-size:35px;
		font-weight:300;
		margin:0px auto;
		letter-spacing:1px;
	
	}

	.space20top_home{
		padding-top:30px;

	  }

  .flex-container{
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */		
    display: flex; /* Standard syntax */
    flex-direction: column;
      }
    
      
      .flex-container .newcolumn{
          padding: 10px;
          min-height: 700px;
          background: #f8f8f8;
          -webkit-flex: 1; /* Safari */
          -ms-flex: 1; /* IE 10 */
          flex: 1; /* Standard syntax */
      }

	}

	@media (min-width: 768px) and (max-width: 830px){


		.hiddenmobile {
			display:none;
		  } 
		
		  .hiddendesktop {
			display:block;
		  }

		.workstitle_white{
			color:#fff;
			font-family: "Manrope", sans-serif;
			font-size:20px;
			font-weight:300;
			margin:0px auto;
			letter-spacing:1px;
		
		}

		.workstexts_white{
			color:#fff;
			font-family: "Manrope", sans-serif;
			font-size:13px;
			font-weight:200;
			
		}


		.home_btn{
			font-family: "Manrope", sans-serif;
			text-align:center;
			color:#5b5c5e;
			font-size:13px;
			font-weight:500;
			display:block;
			border: 1px solid #e7e7e7; 
			width:120px; 
			padding:5px;
			margin-left:auto; 
			margin-right:auto;
			text-decoration:none;
			letter-spacing: 1px;
			/*background:transparent;*/
			background:#fff;
			  -webkit-transition:all 0.5s ease;
		  -moz-transition:all 0.5s ease;
		  -o-transition:all 0.5s ease;
		  transition:all 0.5s ease;
		  text-decoration: none;
			
			
		  }
		  .home_btn:hover{
			color:#fff;
			border: 1px solid #d6d6d6; 
			background:#272727;
			
		  }

		  .space20top_home{
			padding-top:10px;
		  }

		  .postext{
			position: absolute; 
			top: 50%; 
			left: 50%; 
			transform: translate(-50%, -50%); 
			width:90%;
		  }
	  
		  }


		  @media (min-width: 831px) and (max-width: 1024px){

			.hiddenmobile {
				display:none;
			  } 
			
			  .hiddendesktop {
				display:block;
			  }


			.workstitle_white{
				color:#fff;
				font-family: "Manrope", sans-serif;
				font-size:25px;
				font-weight:300;
				margin:0px auto;
				letter-spacing:1px;
			
			}
	
			.workstexts_white{
				color:#fff;
				font-family: "Manrope", sans-serif;
				font-size:14px;
				font-weight:200;
				
			}
	
	
			.home_btn{
				font-family: "Manrope", sans-serif;
				text-align:center;
				color:#5b5c5e;
				font-size:13px;
				font-weight:500;
				display:block;
				border: 1px solid #e7e7e7; 
				width:120px; 
				padding:7px;
				margin-left:auto; 
				margin-right:auto;
				text-decoration:none;
				letter-spacing: 1px;
				/*background:transparent;*/
				background:#fff;
				  -webkit-transition:all 0.5s ease;
			  -moz-transition:all 0.5s ease;
			  -o-transition:all 0.5s ease;
			  transition:all 0.5s ease;
			  text-decoration: none;
				
				
			  }
			  .home_btn:hover{
				color:#fff;
				border: 1px solid #d6d6d6; 
				background:#272727;
				
			  }
	
			  .space20top_home{
				padding-top:20px;
			  }
	
			  .postext{
				position: absolute; 
				top: 50%; 
				left: 50%; 
				transform: translate(-50%, -50%); 
				width:90%;
			  }
		  
			  }
	

			  @media (min-width: 1025px) and (max-width: 1280px){


				.workstitle_white{
					color:#fff;
					font-family: "Manrope", sans-serif;
					font-size:30px;
					font-weight:300;
					margin:0px auto;
					letter-spacing:1px;
				
				}
		
				.workstexts_white{
					color:#fff;
					font-family: "Manrope", sans-serif;
					font-size:16px;
					font-weight:200;
					
				}

				.space20top_home{

					padding-top:30px;
			
				  }

				.home_btn{
					font-family: "Manrope", sans-serif;
					text-align:center;
					color:#5b5c5e;
					font-size:14px;
					font-weight:500;
					display:block;
					border: 1px solid #e7e7e7; 
					width:140px; 
					padding:7px;
					margin-left:auto; 
					margin-right:auto;
					text-decoration:none;
					letter-spacing: 1px;
					/*background:transparent;*/
					background:#fff;
					  -webkit-transition:all 0.5s ease;
				  -moz-transition:all 0.5s ease;
				  -o-transition:all 0.5s ease;
				  transition:all 0.5s ease;
				  text-decoration: none;
					
					
				  }
				  .home_btn:hover{
					color:#fff;
					border: 1px solid #d6d6d6; 
					background:#272727;
					
				  }

							  
				  }

