/* header */
#header {
	background:#FAC172;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;

	text-align: center;
	line-height: 220px;
	font-size : 150px;
	font-family:Jua;
}

/* body */
#body{
	margin : 0;
	padding : 10px;
}
#body div{
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	height: 100%;
}

#body div ul li{
	float:left;
	margin:0px 20px 20px 0px;
}

a{
	text-decoration: none;
	color:inherit;
}

.rounded1{
	background: #F3BFBE;
	margin: 0px;
	width: 45%;
	height: 300px;
	border-radius: 1rem;
	list-style: none;

	text-align: center;
	font-size : 70px;
	font-family:Jua;
}

.rounded2{
	background: #B0C9DF;
	margin: 0px;
	width: 45%;
	height: 300px;
	border-radius: 1rem;
	list-style: none;

	text-align: center;
	font-size : 70px;
	font-family:Jua;
}

.rounded3{
	background: #F5D473;
	margin: 0px;
	width: 45%;
	height: 300px;
	border-radius: 1rem;
	list-style: none;

	text-align: center;
	font-size : 70px;
	font-family:Jua;
}

.rounded1 img, .rounded2 img, .rounded3 img{
	display: block;
	margin : 10px auto ;
	width : 50%;
	height : 50%;
	float : center;
}

.showstep1{
    max-height: 300px;
    overflow: hidden;
    }
.showstep2{
    max-height: 600px;
    overflow: hidden;
}
.content{
    height: 1000px;
    background-color: #fff;
}
.hide{
    display: none;
}

.card{
	background: #fff;
	margin: 0px;
	width: 90%;
	height: auto;
	border-radius: 1rem;
	list-style: none;

	text-align: center;
	font-size : 50px;
	font-family:Jua;
}


.card_detail{
	background: #F5D473;
	margin: auto;
	width: 90%;
	height: auto;
	border-radius: 1rem;
	list-style: none;

	font-size : 70px;
}

.card_detail p{
	font-size : 50px;
	line-height: 70px;
}

/* footer */
#footer {
	background: #555555;
	margin: 0;
	padding: 0;
}
#footer div {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#footer div p {
	color: #fff;
	float: left;
	line-height: 44px;
	margin: auto;
	padding: 0;
}
#footer div ul {
	display: inside;
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 20%;
}
#footer div ul li {
	display: inside;
	float: right;
	list-style: none;
	margin: 0 10px;
	padding: 0;
	width: 44px;
}

/* Icons */
.box {
	position: relative;
    width: 50px;
    height: 50px; 
    border-radius: 70%;
    overflow: hidden;
}