@import url('https://fonts.googleapis.com/css?family=Exo+2:400,600,800&display=swap&subset=latin-ext');

body {
	padding: 0px; 
	margin: 0px; 
	font-family: 'Exo 2', sans-serif;
	background-color: #ececed;
}


.kreisais {
	width: 50%; 
	height: 350px; 
	float: left;
}

.labais {
	width: 50%; 
	height: 350px; 
	float: left;
}

.line {
	width: 100%;
}

.logo {
	width: 100%; 
	text-align: center; 
	margin-top: -20px;
}

.logo img {
	position: relative; 
	z-index: 3;
  width: 165px;
}

.divi {
	width: 100%; 
	text-align: center; 
	height: 350px; 
	margin-top: -60px;
}

#holderis {
	width: 80%; 
	margin-left: auto; 
	margin-right: auto;
}

.boxs {
  width: 350px; 
  height: 420px; 
  background-color: #f47c04; 
  border-radius: 5px; 
  margin-left: auto; 
  margin-right: auto; 
  color: #fff;
}

.boxs:hover {
  color: #333333;
  transition: 0.8s;
}

.attels img {
  width: 98%; 
  padding-top: 3px; 
  margin-left: auto; 
  margin-right: auto;
}

.attels {
  width: 100%; 
  float: left;
}

.textss {
  width: 100%; 
  float: left; 
  text-align: center;
}

@media only screen and (max-width: 900px) {
  .logo img {
  	width: 150px;
  }

  .kreisais {
  	width: 100%;
  	margin-top: 70px;
  	margin-top: 75px;
  }

  .labais {
  	width: 100%;
    padding-top: 20px;
  }

  .kreisais {
  	height: auto;
  }

  .labais {
  	height: auto;
  }

  .line2 {
  	display: none;
  }
}