/*CANDIDATES BY DISTRICT & CANDIDATES BY PARTY*/

@media only screen and (max-device-width: 4000px) {
    .img-div{
        width:261px;
        height:261px;
        border-radius: 10px;
    }
    .img-event{
        max-width:261px;
        max-height:261px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 19px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 15px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 75px;
        width: 75px;
        left: 182px;
        bottom: 80px;
        position: relative;
        font-size: 37px;
        vertical-align: center;
        line-height: 76px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 1199px) {
    .img-div{
        width:222px;
        height:222px;
        border-radius: 10px;
    }
    .img-event{
        max-width:222px;
        max-height:222px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 17px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 65px;
        width: 65px;
        left: 151px;
        bottom: 73px;
        position: relative;
        font-size: 33px;
        vertical-align: center;
        line-height: 66px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 991px) {
    .img-div{
        width:345px;
        height:345px;
        border-radius: 10px;
    }
    .img-event{
        max-width:345px;
        max-height:345px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: 112px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 19px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 15px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 75px;
        width: 75px;
        left: 260px;
        bottom: 80px;
        position: relative;
        font-size: 37px;
        vertical-align: center;
        line-height: 76px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 767px) {
    .img-div{
        width:135px;
        height:135px;
        border-radius: 10px;
    }
    .img-event{
        max-width:135px;
        max-height:135px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -141px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -17px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 11px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 8px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 35px;
        width: 35px;
        left: 110px;
        bottom: 37px;
        position: relative;
        font-size: 23px;
        vertical-align: center;
        line-height: 35px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 500px) {
    .img-div{
        width:140px;
        height:140px;
        border-radius: 10px;
    }
    .img-event{
        max-width:140px;
        max-height:140px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -141px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -17px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 11px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 8px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 35px;
        width: 35px;
        left: 102px;
        bottom: 37px;
        position: relative;
        font-size: 23px;
        vertical-align: center;
        line-height: 35px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 414px) {
    .img-div{
        width:176px;
        height:176px;
        border-radius: 10px;
    }
    .img-event{
        max-width:176px;
        max-height:176px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -106px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -17px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 14px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 11px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 40px;
        width: 40px;
        left: 131px;
        bottom: 44px;
        position: relative;
        font-size: 25px;
        vertical-align: center;
        line-height: 42px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 375px) {
    .img-div{
        width:155px;
        height:155px;
        border-radius: 10px;
    }
    .img-event{
        max-width:155px;
        max-height:155px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -130px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -7px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 12px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 9px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 40px;
        width: 40px;
        left: 110px;
        bottom: 43px;
        position: relative;
        font-size: 25px;
        vertical-align: center;
        line-height: 44px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 360px) {
    .img-div{
        width:150px;
        height:150px;
        border-radius: 10px;
    }
    .img-event{
        max-width:150px;
        max-height:150px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -130px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -7px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 12px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 9px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 40px;
        width: 40px;
        left: 107px;
        bottom: 43px;
        position: relative;
        font-size: 25px;
        vertical-align: center;
        line-height: 44px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 320px) {
    .img-div{
        width:132px;
        height:132px;
        border-radius: 10px;
    }
    .img-event{
        max-width:132px;
        max-height:132px;
    }
    .thumbnail-grid {
        display: block;
        margin-bottom: -130px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption{
        padding: 2px;
        padding-left: 2px;
        margin-left: -7px;

    }
    .caption h3{
        color: black;
        margin-top:8px;
        font-weight: bold;

        font-size: 12px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 9px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle{
        height: 40px;
        width: 40px;
        left: 89px;
        bottom: 43px;
        position: relative;
        font-size: 25px;
        vertical-align: center;
        line-height: 44px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

/*CANDIDATES BY DISTRICT & CANDIDATES BY PARTY*/
@media only screen and (max-device-width: 4000px) {
    .img-div-candidate{
        width:197px;
        height:197px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:197px;
        max-height:197px;
    }
    .img-div-candidate-party{
        width:264px;
        height:264px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:264px;
        max-height:264px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -30px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 2px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 60px;
        width: 60px;
        left: 131px;
        bottom: 67px;
        position: relative;
        font-size: 32px;
        vertical-align: center;
        line-height: 63px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 1024px) {
    .img-div-candidate{
        width:165px;
        height:165px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:165px;
        max-height:165px;
    }
    .img-div-candidate-party{
        width:223px;
        height:223px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:223px;
        max-height:223px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -77px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: 3px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 50px;
        width: 50px;
        left: 112px;
        bottom: 54px;
        position: relative;
        font-size: 29px;
        vertical-align: center;
        line-height: 55px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 768px) {
    .img-div-candidate{
        width:218px;
        height:218px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:218px;
        max-height:218px;
    }
    .img-div-candidate-party{
        width:175px;
        height:175px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:175px;
        max-height:175px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -56px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -37px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 14px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 60px;
        width: 60px;
        left: 151px;
        bottom: 64px;
        position: relative;
        font-size: 36px;
        vertical-align: center;
        line-height: 62px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 500px) {
    .img-div-candidate{
        width:145px;
        height:145px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:145px;
        max-height:145px;
    }
    .img-div-candidate-party{
        width:345px;
        height:345px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:345px;
        max-height:345px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -77px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -1px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 45px;
        width: 45px;
        left: 96px;
        bottom: 49px;
        position: relative;
        font-size: 27px;
        vertical-align: center;
        line-height: 51px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 414px) {
    .img-div-candidate{
        width:145px;
        height:145px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:145px;
        max-height:145px;
    }
    .img-div-candidate-party{
        width:386px;
        height:386px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:386px;
        max-height:386px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -110px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .card-candidate-party {
        display: block;
        margin-bottom: -55px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -18px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 45px;
        width: 45px;
        left: 96px;
        bottom: 49px;
        position: relative;
        font-size: 27px;
        vertical-align: center;
        line-height: 51px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 375px) {
    .img-div-candidate{
        width:145px;
        height:145px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:145px;
        max-height:145px;
    }
    .img-div-candidate-party{
        width:340px;
        height:340px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:340px;
        max-height:340px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -110px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .card-candidate-party {
        display: block;
        margin-bottom: -64px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -18px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 45px;
        width: 45px;
        left: 96px;
        bottom: 49px;
        position: relative;
        font-size: 27px;
        vertical-align: center;
        line-height: 51px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 360px) {
    .img-div-candidate{
        width:145px;
        height:145px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:145px;
        max-height:145px;
    }
    .img-div-candidate-party{
        width:335px;
        height:335px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:335px;
        max-height:335px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -110px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .card-candidate-party {
        display: block;
        margin-bottom: -64px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -18px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 45px;
        width: 45px;
        left: 96px;
        bottom: 49px;
        position: relative;
        font-size: 27px;
        vertical-align: center;
        line-height: 51px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}

@media only screen and (max-device-width: 320px) {
    .img-div-candidate{
        width:115px;
        height:115px;
        border-radius: 10px;
    }
    .img-event-candidate{
        max-width:115px;
        max-height:115px;
    }
    .img-div-candidate-party{
        width:291px;
        height:291px;
        border-radius: 10px;
    }
    .img-event-candidate-party{
        max-width:291px;
        max-height:291px;
    }
    .card-candidate {
        display: block;
        margin-bottom: -132px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .card-candidate-party {
        display: block;
        margin-bottom: -105px;
        line-height: 1.42857143;
        background-color: #fff;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 346px;
    }
    .caption-candidate{
        padding: 2px;
        padding-left: 10px;
        margin-left: -7px;

    }
    .caption-candidate h3{
        color: black;
        margin-top:8px;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .caption-candidate h4{
        color: black;
        margin-top:8px;
        font-weight: normal;
        font-size: 10px;
        text-align: center;
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial;
    }
    .candidate-circle-candidate{
        height: 35px;
        width: 35px;
        left: 76px;
        bottom: 38px;
        position: relative;
        font-size: 23px;
        vertical-align: center;
        line-height: 42px;
        text-align: center;
        opacity: 0.8;
        color: black;
        text-shadow: 1px 1px;
        border-radius: 50%;
        display: inline-block;
        filter: drop-shadow(7px 6px 6px black);
    }

    .img-div-candidate:hover{
        transform: scale(1.01);
        filter: drop-shadow(7px 6px 6px black);
    }
}