.text {
    color: #f2f2f2;
    font-size:15px;
    padding: 20px 100px;
    position: absolute;
    top: 20%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.text h1 {
    font-size: 60px;
text-transform: uppercase;
}

.quote{
    font-size: 32px;
    color:black;
    font-weight: bolder;
}
.BOTANY{
    font-size: 55px;
    color: black;
    font-weight: bolder;
    margin: 0%;
    background-color: rgb(90, 121, 7);
    padding: 8px;
    border-radius: 7px;
}

@media only screen and (max-width:780px) {
    .text {
        padding: 20px 60px
    }
    .welcome1{
        font-size: 25px;
    }
    .welcome {
        font-size: 20px;
    }
    .quote{
        font-size: 25px;
    }
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    from {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@media only screen and (max-width:750px) {
    .slide {
        height: 70vh
    }
    .slideshow-container {
        height: 70vh
    }
}




@media only screen and (max-width:780px) {
    .text {
        padding: 20px 60px
    }
    .text h1{
        font-size: 30px;
    }
   
}@media only screen and (max-width:780px) {
    .text {
        padding: 20px 60px
    }
    .text h1{
        font-size: 20px;
    }
   
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    from {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@media only screen and (max-width:750px) {
    .slide {
        height: 60vh;
        top: 70px;
    }
    .slideshow-container {
        height: 60vh;
        top: 70px;
    }
}