#ourWinermakers{
    height:68%;
    overflow:auto;
    max-width:100%
}
 #ourWinermakers .container{
    width:80%;
    margin:0 auto;
    margin-bottom:3.1em
}
 #ourWinermakers li{
    width:50%;
    display:inline-block;
    float:right
}
 #ourWinermakers li .photo{
    display:inline-block;
    float:right;
    width:27%;
    height:19em;
    border:3px solid white
}
 #ourWinermakers li .photo img{
    display:none
}
#ourWinermakers li .info{
    width:63%;
    float:right;
    margin-right:4%
}
 #ourWinermakers li .info h2,#ourWinermakers li .info h3{
    text-align:right;
    font-size:1.8em;
    margin-top:0;
    color:white;
    margin-bottom:0;
    line-height:1;
    font-weight:700
}
 #ourWinermakers li .info div{
    margin-top:1em;
    color:white;
    font-size:1em;
    font-weight:700
}
 #ourWinermakers li .info div.readmore-text{
    margin:0
}
 #ourWinermakers li:nth-child(3){
    /*margin-top:3em;
    margin-right:24%*/
}
@media only screen and (max-height: 850px){
    main#ourWinermakers{
        overflow-y:auto;
        height:70%
    }
}
 @media only screen and (max-width: 767px) {
    #ourWinermakers{
        padding-top:-webkit-calc(7em + 1em);
        padding-top:-moz-calc(7em + 1em);
        padding-top:calc(7em + 1em)
    }
     #ourWinermakers .container{
        width:100%
    }

    #ourWinermakers li:nth-child(3){
        margin:0;
        margin-bottom:9em
    }
     #ourWinermakers li .photo{
        width:29%;
        -moz-background-size:cover !important;
        -o-background-size:cover !important;
        background-size:cover !important;
        height:10em;
        border:2px solid white
    }
    #ourWinermakers li .info{
        width:29em
    }
    #ourWinermakers li .info h2,#ourWinermakers li .info h3{
        font-size:1.4em
    }
    #ourWinermakers li .info div{
        font-weight:400;
        font-size:1.2em
    }
    .page-template-page-winemakers #breadcrumbs{
        margin-top:3.2rem
    }
    .page-template-page-winemakers.popup main#ourWinermakers{
        display:none
    }
    main#ourWinermakers{
        font-size:1.6em;
        padding-top:2.3em
    }
    main#ourWinermakers li:nth-child(3){
        margin-bottom:3em
    }
    #mobile_popup{
        width:100%;
        height:100%;
        background:url(../../images/mobile_popup_bg.png);
        position:absolute;
        top:0;
        z-index:1000000000;
        display:none
    }
    #mobile_popup.active{
        display:block
    }
    #mobile_popup .close{
        width:3em;
        height:3em;
        right:3%;
        top:3%
    }
    #mobile_popup>div{
        position:relative;
        top:10%;
        width:80%;
        margin:0 auto;
        height:80%;
        color:#dbc87d;
        text-align:right
    }
    #mobile_popup>div h2{
        font-size:2.2em;
        font-weight:700
    }
    #mobile_popup>div h3{
        font-size:2em
    }
    #mobile_popup>div .photo{
        width:100%;
        height:17em;
        margin:0 auto;
        border:2px solid white
    }
    #mobile_popup>div .info{
        margin-top:1em;
        margin-bottom:1em;
        overflow:auto;
        color:white;
        font-size:1.8em
    }
    #mobile_popup>div .info br{
        display:none
    }
    #mobile_popup>div .info p:last-child{
        margin-bottom:0em
    }
    .page-template-page-winemakers #mobile_popup.active{
        display:block;
        font-size:1.6em;
        z-index:1000000002;
        overflow:auto
    }
    .page-template-page-winemakers #mobile_popup>div{
        height:auto
    }
}
@media only screen and (max-width: 767px) and (max-height: 500px){
    #mobile_popup>div .photo{
        height:10em
    }
}
html[lang="en-US"] #mobile_popup>div{
    text-align:left
}
html[lang="en-US"] #ourWinermakers li{
    float:left;
     display: flex;
     justify-content: space-between;
}
@media only screen and (min-width: 767px){
    html[lang="en-US"] #ourWinermakers li:nth-child(3){
        margin-right:auto
    }
}
@media only screen and (max-width: 767px){
    html[lang="en-US"] #ourWinermakers li:nth-child(3){
        margin-left:auto
    }
}
 main#ourWinermakers ul.clearfix{
     display: flex;
     flex-direction: column;
}
 html[lang="en-US"] main#ourWinermakers ul.clearfix {
     display: flex;
     flex-direction: column;
}
 #ourWinermakers .container {
     width: 80%;
     margin: 0 auto;
     margin-top: 2vw;
}
 #ourWinermakers li {
     width: 50%;
     display: inline-block;
     padding-bottom: 2vw;
}

@media(max-width : 900px){
    #ourWinermakers li{
        width: 27em;
        display: flex;
        padding-bottom: 2em;
        flex-direction: row;
    }
    #ourWinermakers li .info h2, #ourWinermakers li .info h3 {
        font-size: 1.2em;
    }
    #ourWinermakers li .info {
        width: 29em;
        padding-left: 5%;
    }
    
    
}