/* for testing - remove in live */
            .slider-multi ul li span {
                color: #fff;
                position:absolute;
                top:0;
            }
            /* /for testing - remove in live */

            .slider-multi {
                margin:0 0 30px 0;
            }
            .slider-multi * {
                box-sizing: border-box;
            }
            .slider-multi ul,
            .slider-multi ul li {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
            .slider-multi ul li {
                background: no-repeat 50% 50%;
                background-size: auto 100%;
                height: 492px;
                overflow: hidden;
                position:relative;
                width: 556px;
            }
@media screen and (min-width: 1800px) {
  .slider-multi ul li {
                background: no-repeat 50% 50%;
                background-size: auto 100%;
                height: 500px;
                overflow: hidden;
                position:relative;
                width: 500px;
            }
}            
            .slider-multi ul li.slide-align-left {
                background-position: 0 50%;
                margin:0 8px 0 0;
            }
            .slider-multi ul li.slide-align-right {
                background-position: 100% 50%;
                margin:0 0 0 8px;
            }
            .slider-multi ul li.slide-current {
                margin:0;
            }


            /* slider content */
            .slider-multi ul li .content {
                display: none;
                position: relative;
                text-align: center;
                top:450px;
            }
			.slider-multi ul li a{
				width:100%;
				height:100%;
				display:block;
			}
            .slider-multi ul li.slide-current .content {
                display: block;
            }
            .slider-multi ul li .content .logo {
                display: block;
				font-size:22px;
				color:#000;
				font-family:'Constantia';
                margin: 1% auto 2% auto;
				display:none;
		
            }
            .slider-multi ul li .content .more-info {
               
                color: #000;
                display: inline-block;
                font-size: 14px;
				border-bottom:1px solid #000;
                line-height: 1em;
                padding: 6px 8px;
                text-decoration: none;
            }
            .slider-multi ul li .content .more-info:hover {
               
            }

            /*****************************************
             shrink styles for window widths < 600px 
             *****************************************/
            .slider-multi.shrink ul li {
                height:266px;
                width:300px;
            }
            .slider-multi.shrink ul li .content {
                top: 100px;
            }

            /* In the absence of actual logos, I've left the logo widths and heights for you to set */
            .slider-multi.shrink ul li .content .logo {
                margin: 0 auto 50px auto;
            }

            .slider-multi.shrink ul li .content .more-info {
                font-size: 11px;
                padding: 4px 6px;
            }


            /* pagination */
            .slider-multi .pagination {
                background: url(../images/stroke.png) no-repeat 50%;
                display: block;
                height: 53px;
                margin: -10px auto 0 auto;
                position: relative;
                width: 106px;
                z-index:5;
            }
            .slider-multi .pagination a {
                background: no-repeat 50%;
                position: absolute;
                height: 25px;
                overflow: hidden;
                text-indent: -999px;
                top: 18px;
                width: 13px;
            }
            .slider-multi .pagination a.next {
                background-image: url(../images/right.png);
                right:0;
            }
            .slider-multi .pagination a.prev {
                background-image: url(../images/left.png);
                left:0;
            }
            .slider-multi .pagination .counter {
                display: block;
                overflow: hidden;
                text-indent: -999px;
            }
            .slider-multi .pagination .counter em {
                color: #333;
                font-size: 28px;
                font-style: italic;
                line-height: 1em;
                position: absolute;
                text-indent: 0;
            }
            .slider-multi .pagination .counter .current {
                left: 31px !important;
                top: 0px;
				font-family: BauerBodoniStd-Roman;
				font-size: 30px;
				font-style:italic;
            }
            .slider-multi .pagination .counter .total {
                right: 31px;
                bottom: 0px;
				font-family: BauerBodoniStd-Roman;
				font-size: 30px;
				font-style:italic;
            }
			
			

@media screen and (max-width: 1200px) {
.slider-multi ul li .content .logo{ font-size:40px;}
.slider-multi ul li .content .more-info{ font-size:18px;}

}


@media screen and (max-width: 768px) {
.slider-multi ul li .content .logo{ font-size:24px;font-family: 'Georgia';}
.slider-multi.shrink ul li .content .more-info{font-size:14px;}
.slider-multi .pagination .counter .current{font-size:20px;left:38px!important;}
.slider-multi .pagination .counter .total{font-size:20px;left:55px;}
}