@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');



html, body {

    height: 100%;

    width: 100%;

    font-family: 'Poppins', sans-serif;

    color: #222

}



.navbar {

    padding: .8rem;

}



.navbar-nav li {

    padding-right: 20px;

}



.nav-link {

    font-size: 1.2em !important;

}



.carousel-inner img {

    width: 100%;

    height: 100%;

    

}



.carousel-caption {

    position: absolute;

    top: 55%;   /* 50% */

    transform: translateY(-50%);

}



.carousel-caption h1 {

    font-size: 400%;    /* 750% */

    text-shadow: 1px 1px 10px #000;

}



.carousel-title {

    color: white;

    font-size: 500%;    /* 750% */

    text-shadow: 1px 1px 10px #000;

}



.carousel-control-prev-icon, .carousel-control-next-icon {

    height: 3rem;

    width: 3rem;

}



.btn-primary {

    /* button color -> background-color */

    /* button border -> border */

}



#nomeAutrice {

    font-size: 200%; /* 250% */

    font-family: "Courier New";

    font-weight: 900;

    padding: 0px 0px 0px 0px;

}



.padding {

    padding-bottom: 2rem;

}



.welcome {

    width: 75%;

    margin: 0 auto;

    padding-top: 2rem;

}



.welcome hr {

    border-top: 2px solid black;

    width: 95%;

    margin-top: .3rem;

    margin-bottom: 1rem;

}



.gallery {

    margin: 10px 50px;

}



.gallery img {

    transition: 1s;

    padding: 15px;  /* 15px */

    width: 20%; /* 250 px- 17.5% */

}



.gallery img:hover {

    filter: grayscale(100%);

    transform: scale(1.1);

}



/* Galleries background colors */



#Luce {

    background-color: #e9dac4; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#Incantevole {

    background-color: #d4cec0; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#Percorsi {

    background-color: #b5caa1; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#Luoghi {

    background-color: #e4c3c2; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#Pazze_Armonie {

    background-color: #edd8b0; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#Arte_dal_caos {

    background-color: #9ec9e5; /* #FFF6C1; #FDF5C6; #D9B44C; */

}



#footer-gallerie {

    font-size: 80%;

}



#sfondo-contatti {

    background-color: #DEBB69;/*#AE7665;#4B291F;*/

}



#footer-contatti {

    color: #4B291F;

    font-size: 80%;

}



@media (max-width: 768px) {

    .carousel-caption {

        top: 45%;

    }



    .carousel-caption h1 {

        font-size: 350%;

    }



    .carousel-caption .btn {

        font-size: 95%;

        padding: 8px 14px;

    }



    .display-4 {

        font-size: 200%;

    }



    #nomeAutrice {

        font-size: 175%; /* 250% */

    }

}



@media (max-width: 576px) {

    .carousel-caption {

        top: 45%;   /* 40% */

    }



    .carousel-caption h1 {

        font-size: 190%;    /* 250% */

    }



    .carousel-caption .btn {

        font-size: 90%;

        padding: 4px 8px;

        display: none;

    }



    .carousel-indicators {

        display: none;

    }



    .display-4 {

        font-size: 160%;

    }



    #nomeAutrice {

        font-size: 150%; /* 250% */

    }



    .gallery img {

        padding: 5px;  /* 10px */

        width: 49%; /* 17.5% */

    }

}