* {
box-sizing: border-box;
}
body {
font-family: Verdana, sans-serif;
}
.mySlides {
display: none;
}
img {
vertical-align: middle;}
.slideshow-container 
{
max-width: 1000px;
position: relative;
}
.text {
color: #000;
font-size:16px;
padding-right: 0px 15px;
position: absolute;
bottom: 0px;
width: 100%;
text-align:left;
color:#fff;
top: 0;
}
.numbertext {
color: #fff;
font-size: 16px;
padding: 10px 20px;
position: absolute;
text-align:left;
top: 0;
} 

.active {
background-color: #fff;
}
@media only screen and (max-width: 300px) 
{
.text {font-size: 16px
}
}