@font-face {
    font-family: 'Avenir'; /*a name to be used later*/
    src: url('font/Avenir.ttc'); /*URL to font*/
}

.cucciolate{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /*width: 250px;*/
    /*width: 130px;*/
    width: 100%;
    height:auto;
}

.imgpet {
    position: relative;
    overflow: hidden;
    /*max-height: 250px;*/
    text-align: center;
}

.imgpet img{
    margin-right: auto;
    margin-left: auto;
    /*-moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);*/
}

.imgpet:hover img{
    /*-moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);*/
}

.petrow{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.newpetrow{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
}



.cucciolo{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height:auto;
}

.cardiv{
    display: block;
    padding: 0;
}

.phdiv{
    display: block;
}

.container{
    width: 480px;
}


@media only screen and (max-width: 767px) {
    .cardiv{
        display: block;
        padding: 0%;
    }

    .phdiv{
        display: none;
    }

    .carousel-inner{
        border-radius: 15px;
    }

    .mycolfull{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.external-thumb{
    background-color: var(--colore-primario);
    border: 1px solid var(--colore-primario);
}

.pet-thumb{
    margin-left:-9px;
    margin-right: -9px;
    margin-bottom: -5px;
}

.img-thumbnail{
    border: 5px solid #432A18;
    padding: 0px;
}

.all-thumb{
    padding:0px 4px;
}

.container-cuccioli{
    margin-top: 52px;
    background-color: var(--colore-primario);
    padding: 0px;
}

.container-car{
    padding: 0px;
}

.form-cuccioli{
    margin-top:5px;
    border: none;
    font-size: 1.6em;
}

.text-imput-cucc{
    font-family: Avenir,"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mybtn{
    color: #FFE6AB;
    background-color: #6e0c2c;
    border-color: #6e0c2c;
    font-size: 1.6em;
}