/* BY DEFAULT */


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

/*

COLOR:

gold: #c6a571
white-off: #f5f4f3
dark-grey: #343434
grey: #ababab
light-grey: #f5f4f3

sand: #d1c7bd

background: #fefcfb
*/


#menu ul li:nth-child(1) a {
	background-color: #c6a571;
	color: #343434;
	font-weight: 400;
}

#header_image {
	height: 300px;
	background: url("../_images/header_image.png");
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0px;
	background-size: cover;
	overflow: hidden;
}

#wrapper_left_mid, #wrapper_mid_mid, #wrapper_right_mid {
	flex: 1;
	width: 33%;
	padding-left: 6%;
	padding-bottom: 40px;
	background-color: #d1c7bd;
}

#wrapper_mid_mid {
	background-color: #ababab;
}

#wrapper_right_mid {
	background-color: #f5f4f3;
}

#right_container span, #left_container span, #mid_container span {
	font-weight: 400;
}

@media only screen and (max-width: 1366px) {

.option_image {
    height: 150px;
}

}

@media only screen and (max-width: 1024px) {

#header_image {
	background-position-y: -50px;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

}

@media only screen and (max-width: 900px) {

#header_image {
	background-position-y: 0px;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

}

/* smaller than iPad mini */
@media only screen and (max-width: 767px) {

#wrapper_left_mid, #wrapper_mid_mid, #wrapper_right_mid {
	flex: none;
	width: 100%;
}

}

@media only screen and (max-width: 500px) {

#header_image {
	background-position-y: 0px;
	background-position-x: -520px;
	background-size: cover;
	overflow: hidden;
}

#wrapper_left_mid, #wrapper_mid_mid, #wrapper_right_mid {
	padding-left: 8%;
}

}
@media only screen and (max-width: 320px) {}