
@media (min-width: 1200px) {

	/* Structure > 1200px */
	#wrapper	{margin: 0; padding: 0; width: 100%;}
	#header	{margin: 0 auto; padding: 0; width: 100%; height: 15vw;  background: url(../images/header.svg) no-repeat center 0 / contain;}
	#site-description	{float: right; margin: 2.5vh 2.5vh 0 0; width: 150px; text-align: right; line-height: 120%; color: #fff; font-size: 16px;}
	#access		{clear: both; float: none; margin: 0 auto; width: 1100px; border-top: none; background: none;}
	a#menu-header-initial-spacer	{float: left; display: block; margin: 0 5px 0 0; padding: 0 20px; width: 150px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; background: #c81f32; border-radius: 15px;}
	#access .menu-header li	{float: left;}
	#access .menu-header li a	{display: block; margin: 0 5px; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 15px;}
	#access li.studenti a	{width: 250px;}
	#access li.antichi a	{width: 250px;}
	#access li.privacy a	{width: 420px; margin: 0 0 0 5px; padding: 0 0 0 65px; text-align: left;}
	#main	{width: 1100px; background: #fff;}
	#container {margin: 0 -260px 0 0; width: 100%;}
	#content {margin: 0 300px 0 20px;}
	#primary {width: 240px;}
	#footer	{width: 100%;}
	#colophon	{margin: 0 auto; width: 1300px;}
	#first.widget-area,
	#second.widget-area,
	#third.widget-area	{ width: calc(26% - 20px);}
	#fourth.widget-area	{ width: calc(22% - 0px);}
	
	.one-column #content {padding: 0 20px; width: calc(100% - 40px);}
	.single-attachment #content {width: 1100px;}
	
	.wp-caption {max-width: 832px !important; /* prevent too-wide images from breaking layout */}
	.anteprima-libro-box,
	a.box-argomenti-link,
	a.box-argomenti-ragazzi-link	{display: inline-block; width: calc(33.3% - 10px);}
	.anteprima-libro-autore-titolo-altezza	{margin: 0 0 2vh 0; padding: 0; height: 150px;}
	.anteprima-libro-autore-titolo-copertina-altezza	{margin: 0 0 2vh 0; padding: 0; height: 100px;}
	.copertina-box	{margin: 0; padding: 0; text-align: center; min-height: 260px;}
	.libro-thumbnail-elenchi	{text-align: center;}
	#libro-thumbnail-scheda	{float: left; margin: 0; padding: 0; width: 300px; text-align: center;}
	#libro-thumbnail-scheda img	{max-width: 300px; height: auto}
	#libro-meta-box	{float: left; margin: 0 0 0 50px; width: calc(100% - 50px - 300px);}
	.anteprima-libroantico-box	{float: left; width: calc(25% - 32px); height: 420px;}
	.libroantico-spazio-altezza-fissa	{margin: 0; padding: 0; height: 120px;}
	form#ricerca-libro label	{display: inline-block; padding: 0 2% 0 4%; width: 10%; text-align: right;}
	form#ricerca-libro input	{ margin: 0; padding: 5px 0 5px 5px; width: 35%;}
	#cerca-libro-antico form.search-form-antichi {float: left; margin: 8px 15px 0 0; width: 48%;}
	#cerca-libro-antico input.search-field-antichi {width: 90%;}
	a.link-youtube	{display: block; height: 150px; background: url(../images/ico-youtube.svg) no-repeat scroll 20% center / 40%;}
	a.link-instagram	{display: block; height: 180px; background: url(../images/ico-instagram.svg) no-repeat scroll 20% center / 40%;}
	.libro-dettagli.elenco	{margin: 0 0 2vh 0; padding: 0; min-height: 70px; height: auto !important;}
}

@media (min-width: 950px) and (max-width: 1199px) {

	/* Structure 950 to 1199 */
	#wrapper	{margin: 0; padding: 0; width: 100%;}
	#header	{margin: 0 auto; padding: 0; width: 100%; height: 15vw;  background: url(../images/header.svg) no-repeat center 0 / contain;}
	#site-description	{display: block; margin: 18vh 3vw 0 0; width: 100%; text-align: right; line-height: 120%; color: #c81f32; font-size: 16px;}
	
	#access		{clear: both; float: none; margin: 0 auto; padding: 1vh 0; width: 100%; border-top: none; background: none;}
	#access ul li 	{float: none;}
	#access .menu-header li a	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 15px;}
	a#menu-header-initial-spacer	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; background: #c81f32; border-radius: 15px;}

	.btn-responsive-menu{display:block; background: #c81f32 !important;}
	#access			{display:none;}

	#main	{width: 100%; background: #fff;}
	#container {margin: 0; padding: 0 2vw; width: 100%;}
	#content {margin: 0;}
	#primary {width: 100%; padding: 0 1.5vw;}
	#footer	{width: 100%;}
	#colophon	{margin: 0 auto; padding: 0 2vw; width: 100%;}
	#main .widget-area ul	{padding: 0;}
	#first.widget-area,
	#second.widget-area,
	#third.widget-area	{ width: calc(25% - 20px);}
	#fourth.widget-area	{ width: calc(25% - 20px);}
	
	.one-column #content {padding: 0; width: 100%;}
	.single-attachment #content {width: 98%;}
	
	.wp-caption {max-width: 98% !important; /* prevent too-wide images from breaking layout */}
	.anteprima-libro-box,
	a.box-argomenti-link,
	a.box-argomenti-ragazzi-link	{display: inline-block; margin: 2vh 2vw; width: calc(33.3% - 4vw);}
	.anteprima-libro-autore-titolo-altezza	{margin: 0 0 2vh 0; padding: 0; height: 150px;}
	.anteprima-libro-autore-titolo-copertina-altezza	{margin: 0 0 2vh 0; padding: 0; height: 100px;}
	.copertina-box	{margin: 0; padding: 0; text-align: center; min-height: 260px;}
	.libro-thumbnail-elenchi	{text-align: center;}
	#libro-thumbnail-scheda	{float: left; margin: 0; padding: 0; width: 300px; text-align: center;}
	#libro-thumbnail-scheda img	{max-width: 300px; height: auto}
	#libro-meta-box	{float: left; margin: 0 0 0 50px; width: calc(100% - 50px - 300px);}
	.anteprima-libroantico-box	{float: left; width: calc(33.3% - 10px); height: 420px;}
	.libroantico-spazio-altezza-fissa	{margin: 0; padding: 0; height: 120px;}
	form#ricerca-libro label	{display: block; padding: 0 2% 0 4%; width: 10%; text-align: left;}
	form#ricerca-libro input	{display: block; margin: 1vh auto; padding: 5px; width: 90%;}
	form#ricerca-libro input[type="submit"]	{margin: 1vh 0 0 5vw; }
	#cerca-libro-antico form.search-form-antichi {float: none; margin: 8px 0; width: 100%;}
	#cerca-libro-antico input.search-field-antichi {width: 90%;}
	a.link-youtube	{display: block; height: 150px; background: url(../images/ico-youtube.svg) no-repeat scroll 20% center / 40%;}
	a.link-instagram	{display: block; height: 180px; background: url(../images/ico-instagram.svg) no-repeat scroll 20% center / 40%;}
	.libro-dettagli.elenco	{margin: 0 0 2vh 0; padding: 0; min-height: 70px; height: auto !important;}
}

@media (min-width: 768px) and (max-width: 949px) {

	/* Structure 768 to 949 */
	#wrapper	{margin: 0; padding: 0; width: 100%;}
	#header	{margin: 0 auto; padding: 0; width: 100%; height: 15vw;  background: url(../images/header.svg) no-repeat center 0 / contain;}
	#site-description	{display: block; margin: 13vh 3vw 0 0; width: 100%; text-align: right; line-height: 120%; color: #c81f32; font-size: 16px;}
	
	#access		{clear: both; float: none; margin: 0 auto; padding: 1vh 0; width: 100%; border-top: none; background: none;}
	#access ul li 	{float: none;}
	#access .menu-header li a	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 15px;}
	a#menu-header-initial-spacer	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; background: #c81f32; border-radius: 15px;}

	.btn-responsive-menu{display:block; background: #c81f32 !important;}
	#access			{display:none;}

	#main	{width: 100%; background: #fff;}
	#container {margin: 0; padding: 0 2vw; width: 100%;}
	#content {margin: 0;}
	#primary {width: 100%; padding: 0 1.5vw;}
	#footer	{width: 100%;}
	#colophon	{margin: 0 auto; padding: 0 2vw; width: 100%;}
	#main .widget-area ul	{padding: 0;}
	#first.widget-area,
	#second.widget-area,
	#third.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	#fourth.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	
	.one-column #content {padding: 0; width: 100%;}
	.single-attachment #content {width: 98%;}
	
	.wp-caption {max-width: 98% !important; /* prevent too-wide images from breaking layout */}
	.anteprima-libro-box,
	a.box-argomenti-link,
	a.box-argomenti-ragazzi-link	{display: inline-block; margin: 2vh 2vw; width: calc(50% - 4vw);}
	.anteprima-libro-autore-titolo-altezza	{margin: 0 0 2vh 0; padding: 0; height: 150px;}
	.anteprima-libro-autore-titolo-copertina-altezza	{margin: 0 0 2vh 0; padding: 0; height: 100px;}
	.copertina-box	{margin: 0; padding: 0; text-align: center; min-height: 260px;}
	.libro-thumbnail-elenchi	{text-align: center;}
	#libro-thumbnail-scheda	{float: none; margin: 0; padding: 0; width: 100%; text-align: center;}
	#libro-thumbnail-scheda img	{max-width: 100%; height: auto}
	#libro-meta-box	{float: none; margin: 0; width: 100%;}
	.anteprima-libroantico-box	{float: left; width: calc(50% - 10px); height: 420px;}
	.libroantico-spazio-altezza-fissa	{margin: 0; padding: 0; height: 120px;}
	form#ricerca-libro label	{display: block; padding: 0 2% 0 4%; width: 10%; text-align: left;}
	form#ricerca-libro input	{display: block; margin: 1vh auto; padding: 5px; width: 90%;}
	form#ricerca-libro input[type="submit"]	{margin: 1vh 0 0 5vw; }
	#cerca-libro-antico form.search-form-antichi {float: none; margin: 8px 0; width: 100%;}
	#cerca-libro-antico input.search-field-antichi {width: 90%;}
	a.link-youtube	{display: block; height: 150px; background: url(../images/ico-youtube.svg) no-repeat scroll 20% center / 20%;}
	a.link-instagram	{display: block; height: 180px; background: url(../images/ico-instagram.svg) no-repeat scroll 20% center / 20%;}
	.libro-dettagli.elenco	{margin: 0 0 2vh 0; padding: 0; min-height: 70px; height: auto !important;}
}


@media (min-width: 481px) and (max-width: 767px) {

	/* Structure  > 481 e < 767 */
	body{padding: 0; background:#fff;}
	
	#wrapper	{margin: 0; padding: 0; width: 100%;}
	#header	{margin: 0 auto; padding: 0; width: 100%; height: 15vw;  background: url(../images/header.svg) no-repeat center 0 / contain;}
	#site-description	{display: block; margin: 28vh 3vw 0 0; width: 100%; text-align: right; line-height: 120%; color: #c81f32; font-size: 16px;}
	
	#access		{clear: both; float: none; margin: 0 auto; padding: 1vh 0; width: 100%; border-top: none; background: none;}
	#access ul li 	{float: none;}
	#access .menu-header li a	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 15px;}
	a#menu-header-initial-spacer	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; background: #c81f32; border-radius: 15px;}

	.btn-responsive-menu{display:block; background: #c81f32 !important;}
	#access			{display:none;}

	#main	{width: 100%; background: #fff;}
	#container {margin: 0; padding: 0 2vw; width: 100%;}
	#content {margin: 0;}
	#primary {width: 100%; padding: 0 1.5vw;}
	#footer	{width: 100%;}
	#colophon	{margin: 0 auto; padding: 0 2vw; width: 100%;}
	#main .widget-area ul	{padding: 0;}
	#first.widget-area,
	#second.widget-area,
	#third.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	#fourth.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	
	.one-column #content {padding: 0; width: 100%;}
	.single-attachment #content {width: 98%;}
	
	.wp-caption {max-width: 98% !important; /* prevent too-wide images from breaking layout */}
	.anteprima-libro-box,
	a.box-argomenti-link,
	a.box-argomenti-ragazzi-link	{display: inline-block; margin: 2vh 2vw; width: calc(50% - 4vw);}
	.anteprima-libro-autore-titolo-altezza	{margin: 0 0 2vh 0; padding: 0; height: 150px;}
	.anteprima-libro-autore-titolo-copertina-altezza	{margin: 0 0 2vh 0; padding: 0; height: 100px;}
	.copertina-box	{margin: 0; padding: 0; text-align: center; min-height: 260px;}
	.libro-thumbnail-elenchi	{text-align: center;}
	#libro-thumbnail-scheda	{float: none; margin: 0; padding: 0; width: 100%; text-align: center;}
	#libro-thumbnail-scheda img	{max-width: 100%; height: auto}
	#libro-meta-box	{float: none; margin: 0; width: 100%;}
	.anteprima-libroantico-box	{float: left; width: calc(50% - 10px); height: 420px;}
	.libroantico-spazio-altezza-fissa	{margin: 0; padding: 0; height: 120px;}
	form#ricerca-libro label	{display: block; padding: 0 2% 0 4%; width: 10%; text-align: left;}
	form#ricerca-libro input	{display: block; margin: 1vh auto; padding: 5px; width: 90%;}
	form#ricerca-libro input[type="submit"]	{margin: 1vh 0 0 5vw; }
	#cerca-libro-antico form.search-form-antichi {float: none; margin: 8px 0; width: 100%;}
	#cerca-libro-antico input.search-field-antichi {width: 90%;}
	a.link-youtube	{display: block; height: 150px; background: url(../images/ico-youtube.svg) no-repeat scroll 20% center / 40%;}
	a.link-instagram	{display: block; height: 180px; background: url(../images/ico-instagram.svg) no-repeat scroll 20% center / 40%;}
	.libro-dettagli.elenco	{margin: 0 0 2vh 0; padding: 0; min-height: 70px; height: auto !important;}
}

@media (max-width: 480px) {
	
	/* Structure  < 480 */
	body{padding: 0; background:#fff;}
	
	#wrapper	{margin: 0; padding: 0; width: 100%;}
	#header	{margin: 0 auto; padding: 0; width: 100%; height: 15vw;  background: url(../images/header.svg) no-repeat center 0 / contain;}
	#site-description	{display: block; margin: 10vh 3vw 0 0; width: 100%; text-align: right; line-height: 120%; color: #c81f32; font-size: 16px;}
	
	#access		{clear: both; float: none; margin: 0 auto; padding: 1vh 0; width: 100%; border-top: none; background: none;}
	#access ul li 	{float: none;}
	#access .menu-header li a	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 15px;}
	a#menu-header-initial-spacer	{display: block; margin: 1vh 0; padding: 0 20px; font-size: 18px; font-weight: 700; color: #fff; text-align: center; background: #c81f32; border-radius: 15px;}

	.btn-responsive-menu{display:block; background: #c81f32 !important;}
	#access			{display:none;}

	#main	{width: 100%; background: #fff;}
	#container {margin: 0; padding: 0 2vw; width: 100%;}
	#content {margin: 0;}
	#primary {width: 100%; padding: 0 1.5vw;}
	#footer	{width: 100%;}
	#colophon	{margin: 0 auto; padding: 0 2vw; width: 100%;}
	#main .widget-area ul	{padding: 0;}
	#first.widget-area,
	#second.widget-area,
	#third.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	#fourth.widget-area	{ width: 100%; border-bottom: 1px solid #fff;}
	
	.one-column #content {padding: 0; width: 100%;}
	.single-attachment #content {width: 98%;}
	
	.wp-caption {max-width: 98% !important; /* prevent too-wide images from breaking layout */}
	.anteprima-libro-box,
	a.box-argomenti-link,
	a.box-argomenti-ragazzi-link	{display: block; margin: 2vh auto; width: 100%;}
	.anteprima-libro-autore-titolo-altezza	{margin: 0 0 2vh 0; padding: 0;}
	.anteprima-libro-autore-titolo-copertina-altezza	{margin: 0 0 2vh 0; padding: 0;}
	.copertina-box	{margin: 0; padding: 0; text-align: center; min-height: 260px;}
	.libro-thumbnail-elenchi	{text-align: center;}
	#libro-thumbnail-scheda	{float: none; margin: 0; padding: 0; width: 100%; text-align: center;}
	#libro-thumbnail-scheda img	{max-width: 100%; height: auto}
	#libro-meta-box	{float: none; margin: 0; width: 100%;}
	.anteprima-libroantico-box	{float: none; width: 100%; height: 420px;}
	.libroantico-spazio-altezza-fissa	{margin: 0; padding: 0; height: 120px;}
	form#ricerca-libro label	{display: block; padding: 0 2% 0 4%; width: 10%; text-align: left;}
	form#ricerca-libro input	{display: block; margin: 1vh auto; padding: 5px; width: 90%;}
	form#ricerca-libro input[type="submit"]	{margin: 1vh 0 0 5vw; }
	#cerca-libro-antico form.search-form-antichi {float: none; margin: 8px 0; width: 100%;}
	#cerca-libro-antico input.search-field-antichi {width: 90%;}
	a.link-youtube	{display: block; height: 150px; background: url(../images/ico-youtube.svg) no-repeat scroll 20% center / 40%;}
	a.link-instagram	{display: block; height: 180px; background: url(../images/ico-instagram.svg) no-repeat scroll 20% center / 40%;}
	.libro-dettagli.elenco	{margin: 0 0 2vh 0; padding: 0; height: auto !important;}
}

