div#slider_partner
{
width: 100%;
height: auto;
position: relative;
}

div#slider_partner span.control
{
position: absolute;
top: 0;
bottom: 0;
display: block;
width: 2.5rem;
background-position: center;
background-repeat: no-repeat;
background-size: 2.25rem;
cursor: pointer;
z-index: 200;
/*outline: solid 1px red;*/
}

div#slider_partner span.control.left
{
left: -3.5rem;
background-image: url('/assets/left.svg');
}

div#slider_partner span.control.right
{
right: -3.5rem;
background-image: url('/assets/right.svg');
}

div#slider_partner div.wrapper
{
width: 100%;
height: auto;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
z-index: 150;
}

div#slider_partner div.item
{
width: 100%;
flex-shrink: 0;
flex-grow: 0;
color: #333;
text-decoration: none;
}

div#slider_partner div.item a.back
{
background: transparent;
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: inherit;
}

div#slider_partner div.item a.back div.picture
{
width: 15%;
background-position: center;
background-size: cover;
position: relative;
}

div#slider_partner div.item a.back div.picture:before
{
content: '\20';
display: block;
padding-top: 100%;
}

div#slider_partner div.item a.back div.inner
{
width: 80%;
}

div#slider_partner div.item a.back div.inner span.link
{
font-weight: bold;
}

div#slider_partner div.item h2
{
color: inherit;
font-size: 1.5rem;
line-height: 1.75rem;
margin: 0;
}

div#slider_partner div.item h2 span
{
display: block;
color: inherit;
font-size: 1rem;
font-weight: bold;
line-height: 1rem;
margin-top: 0.5rem
}

div#slider_partner div.item p
{
display: block;
color: inherit;
font-size: 1rem;
line-height: 1.25rem;
margin-top: 1rem;
}

div#slider_partner div.item p a
{
color: inherit;
}

@media (max-width: 768px) {
    div#slider_partner div.item {
        display: flex;
        flex-direction: column;
    }

    div#slider_partner div.item a.back {
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    div#slider_partner div.item a.back div.picture {
        width: auto;
    }

    div#slider_partner div.item a.back div.inner {
        padding: 2rem 0 0 0;
        width: 95%;
        margin: 0 1rem;
    }
    div.section.partner{
        padding: 2rem 0 ;
    }
    div#slider_partner div.item h2 {

        font-size: 1rem;
        line-height: 1.5rem;

    }
    div#slider_partner span.control{
       top:unset;
        bottom: -2rem;
        height: 2.5rem;
    }
    div#slider_partner span.control.left
    {
        left:0;
    }
    div#slider_partner span.control.right
    {
        right:0;
    }
}