/* ===========================
   HEADER
=========================== */

body{
    margin:0;
    background:#F8F6F0;
    font-family:'IBM Plex Sans Condensed',sans-serif;
}

.header-table{
    width:100%;
    border-collapse:collapse;
    background:#F8F6F0;
}

.header-table td{
    padding:10px;
    vertical-align:middle;
}

.header-photo{
    width:10%;
    text-align:center;
}

.header-photo:hover{

    transform:scale(1.08);

}


.header-owner{
    width:20%;
}

.header-owner h1 {
    margin: 0;
    font-size: 32px;
    line-height: 1;
}

.header-owner p {
    margin: 5px 0 0 0;
}

.header-slider{
    width:50%;
}

.header-right{
    width:15%;
    text-align:center;
}

.header-dog{

    height:100px;

    width:auto;

    border-radius:12px;

    box-shadow:0 5px 15px rgba(0,0,0,.20);

}


.slider-dog{

    height:120px;

    width:auto;

    margin-right:40px;

    border-radius:10px;

}

.header-right{
    width:15%;
    text-align:center;
    vertical-align:middle;
}

.header-logo{

    width:100px;
    max-width:100%;
    height:auto;

    transition:.3s ease;

}

.header-logo:hover{

    transform:scale(1.08);

}

.header-logo{

    width:100px;

    padding:8px;

    background:white;

    border-radius:14px;

    box-shadow:0 6px 20px rgba(0,0,0,.15);

}