html,
body {
    height: 100%;
}

body {
    background: #eee;
}


/*-----------------------------
general
-----------------------------*/

.animate {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.button {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 15px 30px;
    border-radius: 3px;
    text-size-adjust: 20px;
    text-decoration: none;
}

p {
    line-height: 22px
}

a {
    color: #16dd94
}

a:hover {
    color: #1af3a4;
}


/*-----------------------------
header
-----------------------------*/

.header {
    background: lightgray
}

.header__logo {
    margin-top: 10px;
    color: #fff;
    float: left;
    display: block;
    padding: 20px;
    text-decoration: none;
}

.header__logo__3 {
    margin-top: 10px;
    color: #fff;
    display: block;
    padding: 20px;
    text-decoration: none;
}

.header__menu {
    float: right;
    margin: 0;
    padding: 33px;
}

.header__menu__item {
    display: inline-block;
}

.header__menu__item a {
    font-weight: lighter;
    color: #000;
    display: block;
    padding: 18px;
    text-decoration: none
}

.header__menu__item a:hover {
    background: gainsboro
}

.header__icon-bar {
    display: block;
    float: right;
    padding: 30px;
    display: none;
}

.header__icon-bar span {
    display: block;
    height: 3px;
    width: 30px;
    background: #fff;
    margin-bottom: 5px;
}


/*-----------------------------
Cover
-----------------------------*/

.cover__home {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-08\ at\ 08.53.45.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__chisiamo {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-07\ at\ 22.06.17.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__galleria {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-07\ at\ 18.36.00.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__lavoraconnoi {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-09\ at\ 11.31.31.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__contatti {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-08\ at\ 12.11.46.jpg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__certificazioni {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-08\ at\ 10.52.42.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__dovesiamo {
    height: 78%;
    background-image: url("WhatsApp\ Image\ 2021-07-09\ at\ 12.43.50.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
    position: relative;
}

.cover__filter {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    opacity: 0.5;
}

.cover__caption {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 0 20px
}

.cover__caption__copy {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.cover--single {
    height: 50%
}

.cover--single h1 {
    font-size: 42px;
}


/*-----------------------------
Cards
-----------------------------*/

.cards {
    max-width: 1200px;
    margin: 40px auto
}

.card {
    width: 30%;
    margin: 0 1.5%;
    background: #fff;
    float: left;
}

.card__6 {
    width: 30%;
    margin: 0 1.5%;
    background: #eee;
    float: left;
}

.card__3 {
    width: 30%;
    margin: 0 1.5%;
    margin-left: 34.5%;
    background: #fff;
    float: left;
}

.card__image {
    width: 100%;
    height: auto;
}

.card__copy {
    padding: 5px 20px;
}

.card__copy__4 {
    padding: 5px 20px;
    text-align: center;
}

.card__copy h3 {
    margin-bottom: 0
}


/*-----------------------------
Banner
-----------------------------*/

.banner {
    background: #fff;
    height: 50%;
    margin-top: 40px
}

.banner__2 {
    background: #fff;
    height: 37%;
    margin-top: 40px
}

.banner__6 {
    background: #fff;
    height: 27%;
}

.banner__3 {
    background: #fff;
    height: 60%;
    margin-top: 40px
}

.banner__4 {
    background: #fff;
    height: 80%;
    margin-top: 40px
}

.banner__image {
    width: 30%;
    float: left;
    height: 100%;
    background-image: url();
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}

.banner__image__2 {
    width: 30%;
    float: left;
    height: 100%;
    background-image: url("WhatsApp Image 2021-07-01 at 11.23.52.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}

.banner__image__3 {
    width: 30%;
    float: right;
    height: 100%;
    background-image: url("WhatsApp Image 2021-07-01 at 11.26.28.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}

.banner__image__4 {
    width: 30%;
    float: left;
    height: 100%;
    background-image: url("WhatsApp\ Image\ 2021-07-08\ at\ 12.18.43.jpeg");
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-position: center center;
}

.banner__copy {
    width: 70%;
    float: left;
    height: 100%;
    display: table;
}

.banner__copy__2 {
    width: 100%;
    float: left;
    height: 100%;
    display: table;
}

.banner__copy__text {
    display: table-cell;
    vertical-align: middle;
    padding: 30px;
}

.banner__copy__text__2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 30px;
    color: black;
}

.banner__copy__text h3 {
    font-size: 36px;
    margin-bottom: 0;
}

.banner__copy__text h4 {
    font-size: 22px;
    margin: 5px 0
}


/*-----------------------------
Footer
-----------------------------*/

.footer {
    background: lightgray;
    padding: 30px;
    color: #000;
    margin-top: 30px;
    font-weight: lighter;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*-----------------------------
Tablet
-----------------------------*/

@media (max-width: 998px) {
    /* banner */
    .banner__image,
    .banner__copy {
        width: 50%;
        height: 100%
    }
}


/*-----------------------------
Smartphone
-----------------------------*/

@media (max-width: 767px) {
    .header {
        position: fixed;
        z-index: 100;
        width: 100%
    }
    .header__icon-bar {
        display: block;
    }
    .header__menu {
        width: 100%;
        height: 0px;
        overflow: hidden;
    }
    .header__menu__item {
        display: block;
    }
    .is-open {
        height: 300px;
        overflow: auto;
    }
    /* Cover */
    .cover {
        height: 100%;
    }
    /* Cards */
    .card {
        width: 90%;
        margin: 5%;
    }
    /* Banner */
    .banner {
        height: 600px;
    }
    .banner__image,
    .banner__copy {
        width: 100%;
        height: 50%
    }
}


/* clearfix */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}


/* IE6 */

*:first-child+html .clearfix {
    zoom: 1;
}


/* IE7 */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card__2 {
    width: 30%;
    margin: 0 1.5%;
    background: #fff;
    float: left;
}

.card__image {
    width: 100%;
    height: auto;
}

.card__copy__2 {
    margin: 1px;
    padding: 20px;
}

.card__copy h3 {
    margin-bottom: 0
}

.link {
    color: blue;
}

.link_2 {
    color: black;
}

.saluti {
    text-align: center;
}

.telefono {
    float: right;
}

.header__logo__2 {
    color: #fff;
    float: left;
    display: block;
    text-decoration: none;
}

.sotto {
    text-align: left;
}

.mappa {
    float: left;
}