#articles {width: 98%; max-width: 1200px; margin: 0 auto;}
 
 
 #set-width { max-width: 980px; margin: 0 auto;}
 
 
 .listbox {
    width: 100%;
    margin: 25px auto;
	display: grid;
    gap: clamp(15px, 3vw, 30px);
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}
  .box {
    width: 100%;
	box-sizing:border-box;
	border:1px solid #d3ac8b;
	position:relative;
	padding:40px 20px 40px 0;
}
.title {
    font:600 22px/25px 'Jost', sans-serif;
    position:absolute;
	left:22px; top:20px;
	color:#000;
	text-decoration:none;
}

.box li a {text-decoration:none; color:#0072bc; font:18px/22px 'Tinos', serif}
.box li a:hover {text-decoration:underline; color:#4b360a}
.box p {font:600 16px/22px 'Jost', sans-serif !important; position:absolute; bottom:20px; left:22px;}
.docs {text-decoration:none; color:#000 !important; cursor:pointer; font:400 20px/20px 'Jost', sans-serif;}
.docs:hover {text-decoration:underline !important;}
.box p img {margin-bottom:-4px;}
#content-data h5 {font:700 20px/25px 'Jost', sans-serif; text-transform:uppercase; color:#000; margin:50px 0px 10px 0px;}
#contact-us p{font:400 20px/25px 'Tinos', sans-serif; color:#000; margin:0px 0px 20px 0px;}
#contact-us ul{font:400 20px/25px 'Tinos', sans-serif; color:#000; margin:0px 0px 20px 0px;}
#contact-us {width:98%; max-width:960px; margin:0 auto;} 
#content-data h2 {font:700 40px/60px 'Jost', sans-serif; text-transform:uppercase; color:#000; text-align:center;}

#content-data h3 {font:700 30px/40px 'Jost', sans-serif; text-transform:uppercase; color:#000; text-align:center;}
#content-data #flex {display:flex; flex-wrap:wrap; justify-content: space-between; margin:50px 0; width:100%;}
#content-data #flex div.box {width:23%; margin-bottom:40px;}
#content-data #flex div img {display:block; width:100%;}
#content-data #flex h5 {font:700 18px/25px 'Jost', sans-serif; text-transform:uppercase; color:#000; padding-top:15px; margin:0;}
#content-data #flex p.ital {font:italic 400 18px/25px 'Tinos', sans-serif; color:#4d4d4d; margin:0; padding:5px 0;}

#content-data #flex div.icon {width:15%;}
#content-data #flex div.icon p {font:600 14px/25px 'Jost', sans-serif; text-transform:uppercase; color:#000; text-align:center; margin:0; padding:0;}
#content-data hr {border:0; height:1px; background:#aaa; margin:30px 0 60px 0;}


.address_title {font:700 32px/35px 'boogalooregular', sans-serif; text-transform:uppercase; color:#000;}
.address {font:500 22px/25px 'Jost', sans-serif; color:#000; text-transform:uppercase; margin-bottom:20px;}
.address_phone {font:400 24px/25px 'Tinos', sans-serif; color:#000; }
	


@media only screen and (max-width: 800px) {
	#content-data #flex div.box {width:46%;}
	#content-data #flex div.icon {width:30%;}
}
@media only screen and (max-width: 480px) {
	#content-data #flex div.icon {width:46%;}
}