@charset "UTF-8";
/* CSS Document */

.font-base,
body {
    font-family: "EuclidCircularA", sans-serif;
    font-style: normal;
}


.regular {
	font-weight: 500!important;
}


.little_label {
	font-style: normal;
    font-weight: 500;
	text-transform: uppercase;
}


.size-title-1 {
    font-style: normal;
    font-weight: 300;
}
.size-title-2 {
    font-style: normal;
    font-weight: 500;
}
.size-title-3 {
    font-style: normal;
    font-weight: 300;
}
.size-p-small {
    font-style: normal;
    font-weight: 300;
}
.size-p-big {
    font-style: normal;
    font-weight: 300;
}
.size-p-big a {
	color: var(--cl-bluscuro);
	text-decoration: underline;
}
.size-gallery-text {
    font-style: normal;
    font-weight: 300;
}
.size-button {
    font-style: normal;
    font-weight: 600;
}
.size-title-art-hp {
    font-style: normal;
    font-weight: 600;
}
.size-title-art-pages {
    font-style: normal;
    font-weight: 400;
}
.size-menu-utils {
    font-style: normal;
    font-weight: 500;
}
.size-menu-header {
    font-style: normal;
    font-weight: 300;
}
.size-menu-drop {
    font-style: normal;
    font-weight: 300;
}
.size-breadcrumb {
    font-style: normal;
    font-weight: 300;
}
.size-breadcrumb.bold {
    font-style: normal;
    font-weight: 500;
}
.size-timeline {
    font-style: normal;
    font-weight: 500;
}
.size-header-main {
    font-style: normal;
    font-weight: 300;
}
.size-footer-main {
    font-style: normal;
    font-weight: 500;
}
.size-footer-menu {
    font-style: normal;
    font-weight: 300;
}
.size-footer-p {
    font-style: normal;
    font-weight: 400;
}
.footer_copy {
    font-style: normal;
    font-weight: 400;
}
.size-title-100 {
    font-style: normal;
    font-weight: 300;
}
.size-title-100.medium {
    font-style: normal;
    font-weight: 500;
}
.size-title-150 {
    font-style: normal;
    font-weight: 500;
}
.size-title-160 {
    font-style: normal;
    font-weight: 300;
}

/* styles */

.light-italic {
    font-style: italic;
    font-weight: 300;
}
.medium {
    font-weight: 500;
}
.medium-italic {
    font-style: italic;
    font-weight: 500;
}
.semibold {
    font-weight: 600;
}

/* large screens */
@media screen and (min-width: 1367px) {
	
	.little_label {
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0.8px;

	}
	
    .size-title-1 {
	         font-size: 55px;
        line-height: 66px;
        letter-spacing: 0.8px;
    }
    .size-title-2 {
        font-size: 34px;
        line-height: 45px;
        letter-spacing: 0.8px;
    }
    .size-title-3 {
        font-size: 54px;
        line-height: 68px;
        letter-spacing: 0.8px;
    }
    .size-p-small {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.8px;
    }
    .size-p-big {
        font-size: 23px;
        line-height: 38px;
        letter-spacing: 0.8px;
    }
    .size-gallery-text {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.8px;
    }
    .size-button {
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 1.3px;
    }
    .size-title-art-hp {
        font-size: 21px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .size-title-art-pages {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.8px;
    }
    .size-menu-utils {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.8px;
    }
    .size-menu-header {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.8px;
    }
    .size-menu-drop {
        font-size: 50px;
        line-height: 62px;
        letter-spacing: 0.8px;
    }
    .size-breadcrumb {
        font-size: 12px;
        letter-spacing: 0.8px;
    }
    .size-timeline {
        font-size: 64px;
        letter-spacing: 0.8px;
    }
    .size-timeline.wide {
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 1.5px;
    }
    .size-timeline.listing {
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 1.5px;
    }
    .size-header-main {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.8px;
    }
    .size-footer-main {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.8px;
    }
    .size-footer-menu {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.8px;
    }
    .size-footer-p {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .footer_copy {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .size-title-100 {
        font-size: 100px;
        line-height: 100px;
    }
    .size-title-100.large {
        font-size: 100px;
        line-height: 110px;
    }
    .size-title-150 {
        font-size: 150px;
        line-height: 150px;
    }
    .size-title-160 {
        font-size: 140px;
    }
}

/* medium screens */
@media screen and (min-width: 800px) and (max-width: 1366px) {
  	.little_label {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.8px;

	}

	
	
	.size-title-1 {
               font-size: 44px;
        line-height: 54px;
        letter-spacing: 0.8px;
    }
    .size-title-2 {
        font-size: 28px;
        line-height: 40px;
        letter-spacing: 0.8px;
    }
    .size-title-3 {
        font-size: 44px;
        line-height: 58px;
        letter-spacing: 0.8px;
    }
    .size-p-small {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.8px;
    }
    .size-p-big {
        font-size: 21px;
        line-height: 34px;
        letter-spacing: 0.8px;
    }
   .timeline_box .size-p-big {
         font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.8px;
    }
    .size-gallery-text {
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0.8px;
    }
    .size-button {
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 1.3px;
    }
    .size-title-art-hp {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
    }
    .size-title-art-pages {
        font-size: 21px;
        line-height: 30px;
        letter-spacing: 0.8px;
    }
    .size-menu-utils {
        font-size: 21px;
        line-height: 24px;
        letter-spacing: 0.8px;
    }
    .size-menu-header {
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0.8px;
    }
    .size-menu-drop {
        font-size: 40px;
        line-height: 42px;
        letter-spacing: 0.8px;
    }
    .size-breadcrumb {
        font-size: 12px;
        letter-spacing: 0.8px;
    }
    .size-timeline {
        font-size: 52px;
        letter-spacing: 0.8px;
    }
    .size-timeline.wide {
        font-size: 38px;
        line-height: 44px;
        letter-spacing: 1.5px;
    }
    .size-timeline.listing {
       font-size: 33px;
        line-height: 37px;
        letter-spacing: 1.5px;
    }
    .size-header-main {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0.8px;
    }
    .size-footer-main {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0.8px;
    }
    .size-footer-menu {
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0.8px;
    }
    .size-footer-p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.8px;
    }
    .footer_copy {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .size-title-100 {
	   font-size: 52px;
        line-height: 1em;
    }
   .timeline_title .size-title-100 {
        font-size: 75px;
        line-height: 1.1em;
    } 
    .size-title-100.large {
        font-size: 70px;
        line-height: 82px;
    }
    .size-title-150 {
        font-size: 38px;
        line-height: 48px;
    }
    .size-title-160 {
        font-size: 80px;
    }
}

/* mobile screens */
@media screen and (max-width: 799px) {
	.little_label {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.8px;

	}
	.size-title-1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.8px;
    }
    .size-title-2 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .size-title-3 {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.8px;
    }
    .size-p-small {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0.8px;
    }
    .size-p-big {
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0.8px;
    }
    .size-gallery-text {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.8px;
    }
    .size-button {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1.3px;
    }
    .size-title-art-hp {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
    }
    .size-title-art-pages {
        font-size: 21px;
        line-height: 30px;
        letter-spacing: 0.8px;
    }
    .size-menu-utils {
        font-size: 22px;
        letter-spacing: 0.8px;
    }
    .size-menu-header {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 1px;
    }
    .size-menu-drop {
        font-size: 15px;
        line-height: 45px;
        letter-spacing: 1.1px;
    }
    .size-breadcrumb {
        font-size: 12px;
        letter-spacing: 0.8px;
    }
    .size-timeline {
        font-size: 40px;
        letter-spacing: 0.8px;
    }
    .size-timeline.wide {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 1.5px;
    }
      .size-timeline.listing {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.8px;
    }
    .size-header-main {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.8px;
    }  
	.size-footer-main {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.8px;
    }
    .size-footer-menu {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.8px;
    }
    .size-footer-p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.8px;
    }
    .footer_copy {
		font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.8px;
    }
    .size-title-100 {
        font-size: 26px;
        line-height: 1em;
    }
    .size-title-100.large {
        font-size: 70px;
        line-height: 1em;
    }
    .size-title-150 {
        font-size: 38px;
        line-height: 48px;
    }
    .size-title-160 {
        font-size: 30px;
    }
}

@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Light.woff2") format("woff2"), url("../webfont/EuclidCircularA-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-LightItalic.woff2") format("woff2"), url("../webfont/EuclidCircularA-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Regular.woff2") format("woff2"), url("../webfont/EuclidCircularA-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Italic.woff2") format("woff2"), url("../webfont/EuclidCircularA-Italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Medium.woff2") format("woff2"), url("../webfont/EuclidCircularA-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-MediumItalic.woff2") format("woff2"), url("../webfont/EuclidCircularA-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}
@font-face {
    /* questo è quello che funzionava */
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Semibold.woff2") format("woff2"), url("../webfont/EuclidCircularA-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-SemiBoldItalic.woff2") format("woff2"), url("../webfont/EuclidCircularA-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-Bold.woff2") format("woff2"), url("../webfont/EuclidCircularA-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "EuclidCircularA";
    src: url("../webfont/EuclidCircularA-BoldItalic.woff2") format("woff2"), url("../webfont/EuclidCircularA-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}