.valign {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.menu{
  display: inline-block;
  transition: .3s;
  cursor: pointer;
}

.menu:hover{
  transform: scale(1.15);
}


.content{
	background:#ec9d9f;
	width: 100%;
	height: 500px;
}

.isi{
	background-color:#ec9d9f;
	width: 36%;
	overflow-y:auto;
	overflow-x: hidden;
	font-family:aladin;
	font-size:20px;
	line-height:1.5;
	padding:2%;
	text-align: justify ;
	color:black;
	float:left;
	margin:0.5%;
}

.isicontent{
	height:105%;
	overflow-y:auto;
	overflow-x: hidden;
	font-family:aladin;
	font-size:20px;
	line-height:1.5;
	padding:2%;
	text-align: left;
	float:left;
	color: black;
}

.btn {
	box-sizing: border-box;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	background-color: #647585;
	border: 0px solid #3085d6;
	border-radius: 0.6em;
	color: #3085d6;
	cursor: pointer;
	display: flex;
	align-self: center;
	font-size: 1rem;
	font-weight: 100;
	line-height: 1;
	margin: 20px;
	padding: 1.2em 0.5em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
  }
  .btn:hover, .btn:focus {
	color: rgb(255, 255, 255);
	outline: 0;
  }
  .third {
	border-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	box-shadow: 0 0 40px 40px rgb(48, 133, 214)inset, 0 0 0 0 rgb(53, 133, 214);
	transition: all 150ms ease-in-out;
  }
  .third:hover {
	box-shadow: 0 0 10px 0 rgb(48, 133, 214) inset, 0 0 10px 4px rgb(53, 133, 214);
  }



  @media screen and (max-width: 992px) {
	.headmateri {
	height: 70px;


	}

	.img {
		width: 40px;
	}
  }