/*fonts*/
body { font-family:'circular-book', sans-serif; font-size:16px }
p { font-size:16px }
a { text-decoration:none; font-size:16px; }
@font-face {
    font-family: 'circular-book';
    src: url('../font/lineto-circular-pro-book.woff') format('woff');}

@font-face {
    font-family: 'circular-medium';
    src: url('../font/lineto-circular-pro-medium.woff') format('woff');}

@font-face {
    font-family: 'circular-bold';
    src: url('../font/lineto-circular-pro-bold.woff') format('woff');}

/*colors*/
.bg-primary { background-color: #E64242!important; }
.bg-primary-subtle { background-color:#d33737!important }
.border-primary { border: 1px solid #E64242!important; }
.border-secondary { border: 1px solid #f09200 !important; }
.text-primary { color: #E64242!important; }
.bg-secondary { background-color: #f09200!important }
.bg-secondary-subtle { background-color:#e88600!important }
.text-secondary { color: #f09200!important }
.bg-blu { background-color:#004e6c!important }
.bg-blu-subtle { background-color:#13425b!important }
.bg-gray { background-color:#dadada!important }
.text-gray { color:#dadada!important }
.text-white { color:#fff!important }
.text-body { color:#004e6c!important }
.bg-body { background-color:#F5F5F5 !important }
.link-primary { color:#004e6c!important }
.link-primary:hover { color:#E64242!important }

/*dimensione font legate al tag*/
.display-1 { font-size: 70px; line-height:1 }
.display-2 { font-size: 40px }
.display-3 { font-size: 30px }
.display-4 { font-size: 25px }
.display-5 { font-size: 20px }
.display-6 { font-size: 12px }
.display-7 { font-size: 16px }
.display-8 { font-size: 18px }

.spacer-1 { padding: 50px }
.spacer-2 { padding: 40px }
.spacer-3 { padding: 30px }
.spacer-4 { padding: 20px }
.spacer-5 { padding: 10px }
.spacer-6 { padding: 5px }

b, strong, .fw-bold, .fw-bolder { font-family:'circular-bold', sans-serif; font-weight:normal!important;}
.fw-semibold { font-family:'circular-medium', sans-serif; font-weight:normal!important; }
.fw-normal { font-family:'circular-book', sans-serif; font-weight:normal!important;}
.translate-50-0 { bottom: -124px; transform: translateX(-50%); left: 50%; }
.w-500 { width:500px }
.maintop { margin-top: 130px }

@media (max-width: 991px) {
    .w-500 { width:100%!important }
    .position-md-relative { position:relative!important; }
    .position-md-relative.w-50 { width: 100%!important; }
    .translate-50-0 { transform:inherit; left:0; bottom: 0; }
    .position-md-relative.start-50 { left:0!important; position:relative; }
}

@media (max-width: 768px) {
    .display-1 { font-size: 40px }
    .display-2 { font-size: 30px }
    .display-3 { font-size: 25px }
    .display-4 { font-size: 20px }
    .display-5 { font-size: 18px }
    .display-6 { font-size: 12px }
    .display-7 { font-size: 12px }

    .spacer-1 { padding: 30px }
    .spacer-2 { padding: 25px }
    .spacer-3 { padding: 20px }
    .spacer-4 { padding: 15px }
    .spacer-5 { padding: 10px }
    .spacer-6 { padding: 5px }
}