body {
    background-color: #f2f2f2;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #333;
}

h1 {
    font-size: 40px;
}

h3 {
    color: #95a5a6;
    font-weight: 400;
}

h4 {
    color: #95a5a6;
    font-weight: 400;
    font-size: 20px;
}

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
    font-size: 16px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #3498db;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

    a:hover,
    a:focus {
        color: #7b7b7b;
        text-decoration: none;
        outline: 0;
    }

    a:before,
    a:after {
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
    }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar-default {
    background-color: #3498db;
    border-color: transparent;
}

    .navbar-default .navbar-brand {
        color: white;
    }

    .navbar-default .navbar-nav > li > a {
        color: white;
    }

/* Helpers */

.mt {
    margin-top: 40px;
    margin-bottom: 40px;
}

.form-control {
    height: 42px;
    font-size: 18px;
    width: 280px;
}

i {
    margin: 8px;
    color: #3498db;
}


/* HeaderWrap */
#headerwrap {
    /* background: url(../img/bg01.jpg) no-repeat center top; */
	background-color: #3498db;
    margin-top: -20px;
	padding-top:200px;
    background-attachment: relative;
    background-position: center center;
	min-height: 650px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #headerwrap h1 {
        margin-top: 60px;
        margin-bottom: 15px;
        color: white;
        font-size: 38px;
        font-weight: 300;
        letter-spacing: 1px;
    }

.img-hedes-home{
    width:25%;
}

#headerwraphedes {
    /* background: url(../img/bg01.jpg) no-repeat center top; */
    padding-top: 7% !important;
    padding-bottom: 7%;
    background-color: #FFFFFF;
    margin-top: -20px;
    background-attachment: relative;
    background-position: center center;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #headerwraphedes h1 {
        margin-top: 60px;
        margin-bottom: 15px;
        color: #4b4b49;
        font-size: 65px;
        font-weight: 300;
        letter-spacing: 1px;
    }

.homeHeDesCustomer {
    font-family: "Roboto", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #4b4b49;
}

    .homeHeDesCustomer h1, .homeHeDesCustomer h2, .homeHeDesCustomer h3, .homeHeDesCustomer h4, .homeHeDesCustomer h5, .homeHeDesCustomer h6 {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 300;
        color: #4b4b49;
    }

/* Desktop e superiori */
@media (min-width: 992px) {
    .img-hedes-home {
        width: auto;
    }
    .center-panel {
        display: flex;
        flex-direction: column; /* Dispone gli elementi uno sotto l’altro */
        justify-content: center; /* Centra verticalmente */
        align-items: center; /* Centra orizzontalmente */
       
        text-align: center;
        background-color: transparent;
    }
    #headerwraphedes .row {
        display: flex;
        justify-content: center; /* Centra verticalmente */
        align-items: center; /* allinea verticalmente al centro */
    }
    #headerwraphedes {
        display: flex;
        justify-content: center; /* Centra verticalmente */
        align-items: center; /* allinea verticalmente al centro */
        padding-top: 3% !important;
        padding-bottom: 0%;
    }

}

/* Tablet e dispositivi più piccoli */
@media (max-width: 991px) {
    .img-hedes-home{
        width:70%;
    }
    #headerwraphedes .row {
        display: flex;
        align-items: end;
    }
    .center-panel {
        display: flex;
        flex-direction: column; /* Dispone gli elementi uno sotto l’altro */
        align-items: center; /* Centra orizzontalmente */
        text-align: center;
    }
    #headerwraphedes {
        padding-top: 7% !important;
        padding-bottom: 7%;
        margin-top:0;
    }
}

@media(max-width:600px){
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #c20e1a;
    }
    .homeHeDesCustomer .navbar-header{
        display:flex;
    }

    .navbar-toggle {
        width: 10% !important;
    }
    a.btn-login-now {
        background-color: #c20e1a;
        color: white;
        width: 170px !important;
        font-size: 23px;
    }
    #headerwraphedes {
        padding-top: 1em !important;
        padding-bottom: 2em !important;
    }
    #headerwraphedes h1 {
        margin-top: 60px;
        margin-bottom: 15px;
        color: #4b4b49;
        font-size: 35px;
        font-weight: 300;
        letter-spacing: 1px;
    }
    #LoginImage{
        display:flex !important;
    }
    .row{
        flex-direction:column !important;
        gap:1em;
    }
    .container-benvenuti {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .navbar-right {
        border: 1px solid #95a5a6 !important;
    }
}

/*Menu home*/
a.anchor-hedes {
    background-color: transparent !important;
    color: #4b4b49 !important;
    transition: all 0.25s ease;
}

.navbar-default .navbar-nav > li > a.anchor-hedes:hover,
.navbar-default .navbar-nav > li > a.anchor-hedes:focus,
.navbar-default .navbar-nav > li.open > a.anchor-hedes,
.navbar-default .navbar-nav > li.active > a.anchor-hedes {
    background-color: #c20e1a !important;
    color: #ffffff !important;
}

/*Link*/
a.link-hedes,
a.link-hedes:link,
a.link-hedes:visited {
    color: #c20e1a !important;
    text-decoration: none;
}

    a.link-hedes:hover,
    a.link-hedes:focus {
        text-decoration: underline;
    }

/*Bottone login*/
a.btn-login-now {
    background-color: #c20e1a;
    color: white;
    width: 293px;
    font-size: 23px
}
    a.btn-login-now:hover,
    a.btn-login-now:focus {
        text-decoration: none;
    }