section#slides {margin-top:5px; height:330px; width:100vw!important; max-width:1600px;}
section#slides .scroller {display:table!important; width:100%;}
section#slides .scroller article {display:table-cell; vertical-align:top; text-align:center; position:relative; overflow:hidden; width:100%; min-width:calc(100vw); max-width:1600px; height:330px;}

section#slides article item {display:table; width:calc(100% - 100px); height:300px; margin:0 auto;}
section#slides article item > * {display:table-cell; vertical-align:top; width:auto;}
section#slides article item > pic {text-align:center; max-width:40vw;}
section#slides article item > pic img {max-height:300px; height:300px; max-width:40vw;}
section#slides article item > pic iframe {width:auto; height:300px;}
section#slides article item desc {text-align:left; position:relative; padding-left:50px; padding-right:7%;}
section#slides article item desc > h1 {margin:0; padding:0;}
section#slides article item desc p {margin-top:20px; line-height:28px;}
section#slides article item desc .more {font-size:15px; color:#4F81BD; position:absolute; bottom:-10px; right:10%; background:#FFF; padding:10px; border-radius:10px;}
section#slides arrow_left, section#slides arrow_right {top:30px;}

/*
section#slides arrow_left, section#slides arrow_right {content:''; display:inline-block; position:absolute; top:140px; top:25vh; width:100px; 
height:60vh; background:none; color:#4F81BD; opacity:.7; cursor:pointer; z-index:9999;}
section#slides arrow_left {left:0px;}
section#slides arrow_right {right:0px;}
section#slides arrow_left:before {content:''; display:inline-block; width:14px; height:14px; border:2px solid #999; border-width:0 0 2px 2px; transform:rotate(45deg); position:relative; top:35%; left:40px;}
section#slides arrow_right:before {content:''; display:inline-block; width:14px; height:14px; border:2px solid #999; border-width:2px 2px 0 0; transform:rotate(45deg); vertical-align:middle; position:relative; top:35%; left:20px;}
section#slides arrow_left:hover:before, section#slides arrow_right:hover:before {display:inline-block;}
*/

@media screen and (min-width:1600px) {	
	section#slides .scroller article {width:100%; min-width:1600px; max-width:1600px;}
}

@media screen and (max-width:1024px) {
	section#slides article item desc h1 {font-size:26px; line-height:30px;}
	section#slides article item desc h2 {font-size:20px; line-height:24px;}
	section#slides article item desc {padding-left:20px!important; overflow:hidden;}
	section#slides article item desc p {line-height:22px; font-size:14px; margin-top:14px;}
	section#slides article item > pic img {max-width:33vw; height:auto;}
}

@media screen and (max-width:640px) { 	
	section#slides article item {width:100%!important; position:relative;}
	section#slides article item > * {display:block!important; width:100%; padding-left:0!important;}
	section#slides article item img {max-width:100%!important;}
	section#slides article item desc {position:absolute; top:0; left:0; width:calc(100% - 20px); max-width:100%!important;height:300px; background-image:linear-gradient(to bottom, #FFFFFF, transparent); font-weight:bold;}
	section#slides article item desc p {display:none;}
	section#slides article item > pic {width:100%; max-width:100%;}
	section#slides article item > pic img {width:100%!important; max-width:100%!important; height:auto!important;}
	section#slides article item desc h1 {font-weight:bold;}
}