:root {
    /*--colore-primario : #fffae6;
    --colore-primario-2 : #A49CAB;
    --colore-primario-3 : #9A9FA9;
    --colore-secondario : #BAAF7F;
    --colore-secondario-2 : #6D587D;
    --colore-secondario-3 : #58657B;*/
    /*--colore-primario : #C9D959;
    --colore-primario-2 : #C2507A;
    --colore-primario-3 : #654798;
    --colore-secondario : #657401;
    --colore-secondario-2 : #AA2E5C;
    --colore-secondario-3 : #240851;*/
    --colore-primario : #fffae6;
    --colore-primario-2 : #C9D959;
    --colore-primario-3 : #9A9FA9;
    --colore-secondario : #BAAF7F;
    --colore-secondario-2 : #657401;
    --colore-secondario-3 : #394829;
}

@font-face {
    font-family: 'SignPainter'; /*a name to be used later*/
    src: url('font/SignPainter.ttc'); /*URL to font*/
}

@font-face {
    font-family: 'Avenir'; /*a name to be used later*/
    src: url('font/Avenir.ttc'); /*URL to font*/
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: Avenir;
}

body{
    font-family: Avenir;
}

.text-dog{
    font-size: 1em;
    font-family: Avenir;
    color: #432a1a;
}


@media only screen and (max-width: 767px) {
    .text-dog{
        font-size: 1.6em;
        text-align: center;
        color: #432a1a;
    }

    .testata{
        width: 100%;
        height: auto;
    }
}

.img-home{
    border-color: #432A18;
    background-color: #432A18;
    width:70%;
    height: auto;
    max-width: 350px;
    max-height: 500px;
}

.myfooter{
    border-color: var(--colore-secondario-2);
    background-color: var(--colore-secondario-2);
    padding:30px;
}


body{
    background-color: var(--colore-primario);
    font-family: Avenir;
    color: var(--colore-secondario-3);
}

.backarrow{
    display: none;
    position: fixed;
    z-index: 10000002;
    width: 50px;
    height: 50px;
    bottom: 20px;
    right: 20px;
    padding:15px;
    border: 1px solid var(--colore-primario);
    background-color: var(--colore-primario);
    color: var(--colore-secondario);
    border-radius: 100%;
}

.center-oriz {
    margin-left: auto;
    margin-right: auto;
}