.main {
    position:relative;
    background: transparent;
    border-color: transparent;
    margin: 0 auto 0;
    width:100%;
    height:auto;
    position:absolute;
    overflow:hidden;
    margin:0 auto 0;
    width:80%;
    height:80%;
    margin-left:10%;
    margin-right:10%;
}
/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    height:auto;
    position: relative;
    margin: 0 auto 0;
    overflow:hidden;
    padding-bottom:0.5em;
}
/* cyrillic */
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../webfonts/6NUT8F6PJgbFWQn47_x7pO8kzO1A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../webfonts/6NUT8F6PJgbFWQn47_x7pOskzA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Caption text */
div.text {
    margin:0 0 0 0;
    margin-top:0.5em;
    position: relative;
    width: 100%;
    height:auto;
    text-align: center;
}
h2.animate {
    animation: zoomIn 5s;
    font-family: 'Bad Script', cursive;
    font-weight:normal;
    font-size:1.75em;
    margin: 0 auto 0;
    color:rgba(250,162,20,0.65);
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.7, .7, .7);
  transform: scale3d(.7, .7, .7);
  }
  70% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.7, .7, .7);
  transform: scale3d(.7, .7, .7);
  }
  70% {
  opacity: 1;
  }
  }
/* The dots/bullets/indicators */
.dot {
    height: 11px;
    width: 11px;
    margin: 0 auto 0;
    background-color:rgba(18,74,149,0.35);
    border-radius: 50%;
    display: inline-block;
    border:1px solid rgba(0,0,0,0.85);
    transition: background-color 0.6s ease;
    margin: 0 auto 0;
}
.active {
    background-color: rgba(18,74,149,1.0);
}

img{
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.55), 0 4px 6px rgba(0, 0, 0, 0.25);
    width:100%;
    height:auto;
    border:none;
}
.mySlides{
    margin: 0 auto 0;
    width:100%;
    height:auto;
}

.circle {
   width: 42%;
   height: 42%;
   background: rgba(0,0,19,0.19);
   border-radius: 100%;
   margin: 0 auto 0;
   border:1px solid rgba(22,44,119,0.56);
   margin-left:29%;
   margin-right:29%;
}
 /* On smaller screens, decrease text size */

@media only screen and (max-width: 736px) {
.inner .posi{
            position: relative;
            top:0.90em;
            margin: 0 auto 0;
        }
.text {font-size: 0.85em;}
.main {
    background: transparent;
    border-color: transparent;
    margin: 0 auto 0;
    width:100%;
    height:auto;
    position:relative;
    overflow:hidden;
    top:6.5em;
}
div.text {
    font-size:100%;
    text-align: center;
}

/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    top:0.75em;
    margin: 0 auto 0;
    overflow:hidden;
    padding-bottom:1.25em;
}
.circle {
   width: 96%;
   height: 96%;
   background: rgba(0,0,19,0.19);
   border-radius: 100%;
   margin: 0 auto 0;
   border:1px solid rgba(22,44,119,0.56);
   margin-left:2%;
   margin-right:2%;
}
h2.animate {
    animation: zoomIn 5s;
    font-family: 'Bad Script', cursive;
    font-weight:normal;
    font-size:1.75em;
    margin: 0 auto 0;
    color:rgba(250,162,20,0.65);
}
img{
    width:90%;
    height:auto;
}
}
@media only screen and (max-width: 411px) {
.slideshow-container {
    max-width: 72%;
    position: relative;
    margin: 0 auto 0;
    overflow:hidden;
}
img{
    width:100%;
    height:auto;
}
.text {font-size: 1.32em;
letter-spacing:0.0em;
max-width:350px;
margin:0 auto 0;}
}