* {box-sizing: border-box;}
        body {font-family: Verdana, sans-serif;}
        .mySlides {display: none;}
        img {vertical-align: middle;}
        
        /* Slideshow container */
        .slideshow-container {
          
          width: 100%;
          position: relative;
          margin: auto;
        }
        
        /* Caption text */
        .text {
          color: dodgerblue;
          font-size: 65px;
          padding: 8px 12px;
          position: absolute;
          top: 200px;
          width: 100%;
          font-family: cursive;
          text-align: center;
          background: #202040;
          padding: 20px;
          border-top: red 6px solid;
          border-bottom: green 6px solid;
          display: inline-block;
        }

        .text1 {
          color: dodgerblue;
          font-size: 60px;
          
          
          font-family: cursive;
          text-align: center;
          
          margin-left: 10px;
          border-radius: 20px;
          display: inline-block;
        }
        
        /* Number text (1/3 etc) */
        .numbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
          display:none;
        }
        
        /* The dots/bullets/indicators */
        .dot {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
          display:none;
        }
        
        .active {
          background-color: #717171;
        }
        
        /* Fading animation */
        .fade {
          -webkit-animation-name: fade;
          -webkit-animation-duration: 1.5s;
          animation-name: fade;
          animation-duration: 1.5s;
        }
        
        @-webkit-keyframes fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        @keyframes fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 600px) {
          .text {font-size: 20px;
        top: 100px;}
        }