* {
font-family: "Bricolage Grotesque", sans-serif;
letter-spacing: -0.05rem;
}

html {
	background-color: #F3F3F3;
}

body {
	background-color: #FFF;
margin: 0px auto;
width: 1440px;
color: #5A2415;

}


h1 {
font-size: 6rem;
color: #260F08;
margin-bottom: 0px;
font-weight: 900;
}

h2 {
font-size: 3rem;
color: #5A2415;
margin-bottom: 0px;
font-weight: 900;
margin-top: 80px;
}

h3 {
font-size: 2.5rem;
color: #5A2415;
margin-bottom: 0px;
font-weight: 900;
margin-top: 80px;
}

h4 {
font-size:1.8rem;
font-weight: 300;
color: #260F08;
}


p, li {
font-size:1.3rem;
}

li {
line-height: 2.3rem;
}


.header {
padding: 30px 100px;
}

.menu {
float: right;
font-size: 1.6rem;
line-height: 3rem;
color: #C25131;
}

.menu_item  {
float: left;
margin-right: 50px;
}

.menu_item a {
	text-decoration: none;
	color: #C25131;
}

.menu_item a:hover {
	text-decoration: underline;
}

.page {
background-image: url('../images/bg_start.png');
    background-position-y: -114px;
padding: 50px 100px 100px 100px;
display:inline-block;
}

.page_design{
	background-image: url('../images/Group 530.png');
	    background-position-y: -114px;
padding: 50px 100px 90px 100px;
display:inline-block;
}

.page_identity{
	background-image: url('../images/Group 528.png');
	    background-position-y: -114px;
padding: 50px 100px 100px 100px;
display:inline-block;
}

.page_wide {
background-image: url('../images/Ellipse 671.png');
background-repeat: no-repeat;
background-position: bottom 0px right -10px;
padding: 50px 100px 50px 100px;
display:inline-block;
}

.page_full {
padding: 10px 100px 100px 100px;
display:block;
}

.content_box {
margin: 0px 50px;
}

.overflow_box {
margin: 0px -60px;
display: flex; /* Comment: Displays the container as a flex container */
justify-content: space-between; /* Comment: Distributes the child elements evenly along the main axis */
}

.image_box{
	float: left;
	background: #aaa;
	width: 402px;
	height: 249px;
	color: #FFF;
	box-shadow: 0px 4px 4px darkgray;
	border-radius: 6px;
	margin-top: 20px;
}

.design_box{
	width: 330px;
	text-align: center;
}

.design_box_middle{
	width: 463px;
	background-image:url('../images/Group 491.png');
	background-repeat:no-repeat;
	background-position-y: center;
    display: flex;
    justify-content: center;
    align-self: center;
}

.image_box:hover {
	opacity: 80%;
}

p.bigger {
	font-size:1.5rem;
	font-weight: bold;
}

p.link {
	color: #216489;
	text-decoration: underline;
	font-family: "Nanum Pen Script", cursive;
	font-size: 2rem;
    text-underline-position: from-font;
    text-decoration-thickness: 2px;
}

.footer {
	clear: both;
	font-size: 2rem;
	background-image: url('../images/bg_footer.png');
	color: #FFF;
	height: 198px;
	line-height: 198px;
	padding-left: 100px;
    background-color: #4A1D11;
    background-repeat: no-repeat;
    background-position: bottom;
    background-position-x: 1240px;

}

.projects {
	width: 70%;
	color: #2B6B7A;
}

.projects h4 {
    margin-bottom: 0px;
    color: #2B6B7A;
}

.projects li, .boldlist li {
	font-weight: bold;
}

.projects p {
    margin: 5px 0px 20px -20px;
}

.submenu_projects {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 0px 10px;
}
.submenu_projects p {
    margin: 5px;
}
/* Show the dropdown menu on hover */
.menu_projects:hover .submenu_projects {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}