body{
	font-size: 14px;
	color: #2e2f34;
	font-family: 'Open Sans', sans-serif;
	line-height: 2;

}
a{
	color:#2e2f34;
}


.bgray{
		background-color: #2e2f34;
}
.container{

	display: flex;
	justify-content:center;
 	align-items:center;





}
.home{
	display: flex;
	background: url(../img/homebg.jpg);
	background-size: cover;
	height: 60vh;
	justify-content:center;
	align-items:center;
}
.logo{
	padding-bottom: 20rem;
}


.text{

	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items:center;
	height: 35vh;


}
.start{
		display: flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items:flex-start;


}
.arrow{
  
  position:fixed;
 width: 3%;
  bottom:5rem;right:5rem;cursor:pointer;


}


.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
.text p{

	flex: 1 1;
	color:#ededed;
	padding: 0 2rem;

}
.logos{

	display: flex;
	flex-flow:column;
	align-items:center;
	justify-content: space-around;
}
.logos p{
	padding-bottom: 6rem;
	padding-top: 3rem;
}
.logos img{
	width:100vh;
}
.companies{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	height: 95vh;
}
.companies p {

	font-size:18px;
}
.map{
	height: 100vh;
}
.logomap{

	height: 25vh;
	display: flex;
	justify-content:center;
	align-items:center;
}
.address{

	display: flex;
	justify-content:center;
	align-items:start;
	flex-flow:column;
	text-align: left;
	padding: 0 2rem;

}
.address img{
	text-align: left;
}
.mapin{
	display: flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom:5rem;
	

}
.maponly{

	display: flex;
}
.mapin p:first-child {

	 margin: 0 0 0;
	 padding-top: 3rem;
}

.manoli{

	padding-bottom: 5rem;
}
/* navigation*/
.navi{

	display: flex;
	flex:1;
	height: 5vh;
	
}


ul.navul {
	display: flex;
	flex:1;
	list-style-type: none;
	flex-flow:row nowrap;
	justify-content: space-around;
	align-items:center;
	margin: 0;
	
}