@font-face{font-family:osw;font-style:normal;font-weight:normal;src:url('fonts/oswald300.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:normal;src:url('fonts/openr.woff') format('woff');}
@font-face{font-family:fnt;font-style:normal;font-weight:bold;src:url('fonts/openb.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:normal;src:url('fonts/openi.woff') format('woff');}
@font-face{font-family:fnt;font-style:italic;font-weight:bold;src:url('fonts/openbi.woff') format('woff');}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("fonts/openr.woff") format("woff");}


*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;margin:0;overflow:auto;}
body{height:100%;margin:0;overflow:auto;font-size:100%;font-family:fnt,sans-serif; background-color:#fff;}

#contentbox{margin:10rem 1rem;}

body{
	font-family:fnt,sans-serif;
	font-size:100%;
	background-color:#fff;
}

a{color:#000;#aaa;text-decoration:none;}
a:hover{color:#44c;}

.product-container {width:70%;margin-left:15%;margin-top:3em;}

h2 {
	font-family:osw;
	font-size:1.5em;
	margin-bottom: 0.3em;
}

h3 {
	font-family:osw;
	font-size:1.3em;
	font-weight:200;
	margin-bottom: 0.3em;
}
p {margin-bottom: 1em;}

.pad-bot {margin-bottom:2em;}

.hyper {border-bottom: 1px black solid;}

.prod1 {
	width: 18em;
	text-align: center;
}
.prod2 {
	width: 11em;
	text-align: center;
}

.alink {text-decoration: underline;}

.indi-prod {
	width:100%;
}

.bold-txt {font-weight:bold;}

.prod-name {color:#4a4a4a;}

.prod-price {color:#4a4a4a; font-size:0.7em;}

.pinkbut {background-color: #F8DFD8;color:#EE5736;font-family:oswald;font-weight:300;padding:1em;width:10em;display:block;font-size:1.3em;text-align: center;
  text-decoration: none;border-radius: 4px; border:none;margin:0 3em 0;transition:0.4s;}
  
.pinkbut:hover {background-color:#EE5736;color:#fff;cursor:pointer;}

.btn-request {
	font-family: osw;
	font-size: 1em;
	padding: 0.5em;
	display: inline-block;
	text-align: center;
	background-color: #d64e31;
	border-radius: 0;
	border: none;
	color: #fff;
	margin: 1em 4em;
}

.btn-request:hover {
  background-color: #ee5736;
  color:#fff;
}

details {width: 100%;}

summary {
font-size: 1em;
font-weight:300;
position: relative;
display: block;
padding: 0.5em 0 0.5em 1em;
color: #000;
cursor: pointer;
margin-bottom: 5px;
background-color:#F8DFD8;}

.quest {}
	
#block1b {margin-top:0;display:flex;margin-left:2em;margin-left:2em;flex-wrap:wrap;}
#bookicons {flex-grow:1;}

.bookicon {width:12em;box-shadow: 3px 3px 3px #9B5736;margin:0.5em;}
.chap {display:block;width:12em;}
	
#mapbox {width:100%;background-image:url(images/rome-map.png);background-size: cover;
background-repeat: no-repeat;height:20em;  background-position: center;margin-top:3em;}