*,
*:before,
*:after{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'arial', sans-serif;
	/*background-image:url(images/istana.jpg);*/
}


section{
	position:relative;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:100vh;
	background-image: linear-gradient(
		rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(images/istana.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	padding: 0 5rem;
}

section .main{
	width:650px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

section .main img{
	width:30%;
}

section .main h1{
	font-size:30px;
	margin-bottom:20px;
	color: #FFD700;
}

section .main h2{
	font-size:30px;
	margin-top:20px;
	color: #FF0000;
}

section .main .searchBox{
	position:relative;
	width:100%;
	margin-top:20px;
}

section .main .searchBox .search{
	width:100%;
	padding:13px;
	padding-left:45px;
	padding-right:60px;
	border-radius:30px;
	border:1px solid #ccc;
	outline:none;
	font-size:16px;
}

section .main .searchBox .icons{
	position:absolute;
	top:0;
	width:15%;
	display:flex;
	padding:12px 20px;
	justify-content:space-between;
	align-items:center;
	pointer-events:none;
}

section .main .buttons{
	margin-top:20px;
}

section .main .buttons button{
	margin:0.5px;
	padding: 12px 20px;
	color:#ffeb3b;
	font-size:25px;
	border:none;
	cursor:pointer;
	border-radius:4px;
	border:1px solid transparent;
	outline:none;
}

section .main .buttons button:hover{
	border:1px solid #ccc;
	background: #ffc107;
}

section .main .buttons span{
	color:#696969;
}