#slides .slide {
  display: none;
  background-size:100%;
  background-position: center;  
    background:none !important;
}

#slides .slide.showing {
  display: block;
}

#slides .slide .inside {
    margin:0 auto;
    display: flex;
    align-items: center;
    padding:0 10px;
    max-width:900px;
    background-repeat:no-repeat;
    background-position: right;
    height:200px;
    background-size:auto 200px;
}

.rtl #slides .slide .inside {
    background-position: left;
}

#slides .slide .inside span {
    color:#fff;
    font-size:18px;
    width:60%;
    padding:0 0 55px 0;
    text-shadow: #333 2px 2px 1px;
    font-weight:bold;
}

#slides .slide .inside span a {
    text-decoration: none;
    color:#fff;
}

#slides .slide .inside span a:hover {
    text-decoration: underline;
}

#dots {
    clear: both;
    margin-top: -20px;
    text-align: center;
}

.dot {
    cursor: pointer;
    width:13px;
    height:13px;
    border-radius: 50%;
    background-color:#fff;
    display: inline-block;
    border:solid 1px #000;
    opacity: .75;
}

.dot:hover {
    background-color:#666;
}

.dot_prev, .dot_next {
    height:13px;
    width:13px;
    cursor: pointer;
    border:solid 1px #000;
    display: inline-block;
    background-size: 8px;
    background-color:#fff;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: .75;
}
.dot_prev {
    background-image: url("//www.digikey.com/-/media/images/global/glyphs/black-triangle-left.png");
    background-position: 2px 2px;
}

.rtl .dot_prev {
    background-image: url("//www.digikey.com/-/media/images/global/glyphs/black-triangle-right.png");
    background-position: 3px 2px;
}

.dot_next {
    background-image: url("//www.digikey.com/-/media/images/global/glyphs/black-triangle-right.png");
    background-position: 3px 2px;
}

.rtl .dot_next {
    background-image: url("//www.digikey.com/-/media/images/global/glyphs/black-triangle-left.png");
    background-position: 2px 3px;
}

.dot_prev:hover, .dot_next:hover {
    background-color: #666;
}

.dot.showing {
    background-color:#333;
}

#navigation {
    border-bottom:solid 2px #000;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.7);
}

#nav_links a {
    font-size:14px;
    color:#fff;
    padding:15px 25px;
    display:inline-block;
    text-decoration:none;
}

#nav_links a:hover {
    background-color:rgba(0, 0, 0, 0.4);
}

#nav_links a.selected {
    font-weight:bold;
    background-color:rgba(0, 0, 0, 0.4);
}


@media (max-width: 768px) {
    .billboard {
        background-size:100% 100%;
    }
    #nav_links {
        padding:10px 20px;
    }
    #nav_links a {
        padding:5px 10px;
    }
}

@media (max-width: 500px) {
    #slides .slide .inside {
        height: 150px;
        background-size:auto 150px;
    }
    #slides .slide .inside span {
        color:#fff;
        font-size:14px;
        width:60%;
        padding:0 0 25px 0;
        text-shadow: #333 2px 2px 1px;
    }
}