body{
	margin:0 0;
}

.header{
	background-color:#FFFFE2;
	margin:none;
}

.headerbox{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	padding:20px 0;
	
}

.header_logo{
	width:50%;
	height:30%;
}



/*-----------------------*/
.nav{
	display:flex;
	align-items:stretch;
}

.navbar{
	display:flex;
	padding-top:10px;
}

.navbar-item{
	list-style:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:0 5px;
	cursor:pointer;
}

.navbar-item img{
	width:60px;
	height:60px;
	margin-top:14px;
}

.navbar-item span{
	font-family:quicksand;
	color:#202F5A;
	font-size:13px;
}

.navbar-item img:hover{
	width:65px;
	height:65px;
}


/*-----------------------*/


.welcome{
	background-image:url("../images/bg.png");
	display:flex;
	flex-direction:column;
}

.welcome img{
	width:960px;
	align-self:center;
	padding:20px 0;
}
.welcome p{
	font-family:quicksand;
	color:#202F5A;
	font-weight:600;
	font-size:14px;
	margin:0 100px;
	padding:20px 0;
}

.todaysart{
	background-color:#FFFFE2;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.todaysart p{
	font-family:patrick hand;
	font-size:30px;
	color:#202F5A;
	margin:5px 0;
}

.art1{
	width:60%;
	margin:20px 0;
	border-radius:10%;
	border-color:#202F5A;
	border:20px solid #202F5A;
}

.button{
	width:20%;
	border-radius:10%;
	margin-bottom:20px;
}

.other_arts{
	display:flex;
	background-image:url("../images/bg.png");
	justify-content:space-around;
	padding:20px 0;
}

.other_arts_item{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.other_arts_item p{
	font-family:patrick hand;
	font-size:22px;
	color:#202F5A;
	margin-top:10px;
	margin-bottom:0;
}

.other_arts_item1{
	border-radius:50%;
	width:400px;
	border:15px solid #FFFFE2;
	margin:10px 0;
}

.learnmore{
	width:30%;
	border-radius:10%;
}

.footer{
	display:flex;
	padding:0 20px;
	background-color:#4D757E;
}

.footertext{
	font-family:quicksand;
	color:#202F5A;
	font-size:16px;
	font-weight:600;
	flex-grow:1;
	margin-top:15px;
	margin-bottom:5px;
}

.footertext p{
	margin:8px;
}

.socials{
	display:flex;
	align-items:flex-end;
}

.socials img{
	width:50px;
	margin:20px 6px;
}

.subfooter{
	background-color:#202F5A;
	padding:15px 0;
	display:flex;
}

.copyright{
	flex-grow:1;
}

.subfooter p{
	font-family:quicksand;
	font-weight:600;
	font-size:16px;
	color:#4D757E;
	padding:5px 20px;
	margin:0 0;
}

/* CONTACT ************************************************/


.contact{
	background-image:url("../images/contactbg.png");
	display:flex;
	flex-direction:column;
}

.contact img{
	
}

@media only screen and (max-width:360px){
	.headerbox{
		flex-direction:column;
	}
	
	.header_logo{
		width:95%;
		align-self:center;
	}
	
	.navbar{
		justify-content:center;
		padding:10px 10px;
	}
	
	.navbar-item img{
		width:50px;
		height:50px;
	}
	
	.navbar-item img:hover{
		width:50px;
		height:50px;
	}
	
	.welcome img{
		width:90%;
	}
	
	.welcome p{
		margin:0 30px;
		font-size:10px;
		padding-top:0;
	}
	
	.todaysart p{
		font-size:20px;
	}
	
	.art1{
		border-width:5px;
		width:90%;
	}
	
	.button{
		width:50%;
	}
	
	.other_arts{
		flex-direction:column;
	}
	
	.other_arts_item{
		padding:40px 0;	
	}
	
	.other_arts_item1{
		width:80%;
		border:8px solid #FFFFE2;
	}
	
	.footer{
		align-items:center;
		padding:0 15px;
	}
	
	.footertext{
		font-size:8px;
	}
	
	.footertext p{
		margin:4px 0;
	}

	.socials img{
		width:30px;
	}
	
	.subfooter{
		padding:0 ;
	}
	
	.subfooter p{
		font-size:8px;
		padding:10px 5px;
	}
}