/* image slider */
#slider {
    margin:0 auto;
    width:53.3vw;
    height:30vw;
    overflow: hidden;
}
#slider #slide-box{
    display: flex;
    width:300%;
    height:100%;
    transition: transform .5s ease-in;
}
#slider .slide{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: cover; 
    text-align: center;
    position: relative;
}
#slider .slide:nth-of-type(1){background-image: url("../img/slider/1.jpg");}
#slider .slide:nth-of-type(2){background-image: url("../img/slider/2.jpg");}
#slider .slide:nth-of-type(3){background-image: url("../img/slider/3.jpg");}
#slider .slide p{
    margin:0;
    padding:20px 40px;
    position: absolute;
    bottom:50px;
    left:50%;
    display:block;
    width:max-content;
    transform: translateX(-50%);
    color:white;
    letter-spacing: 1.5px;
    font: 1em/1.5em georgia;
    text-shadow:1px 1px 1px #000;
    border:1px solid white;
    background-color:rgba(0,0,0,.5);
}
/* main */
#intro{
    margin:50px auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#intro article{width:30%;text-align: justify;}
#intro h1{text-transform: capitalize;}
#intro img{width:40%;}
#details{
    margin:100px 0 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#details article{
    box-sizing: border-box;
    width:300px;
    padding:10px;
    margin:20px;
}
#details img{
    display: block;
    margin: 10px auto;
}
#details h1{
    text-align: center;
    text-transform: capitalize;
}
#details p{text-align:justify;}
.round{
    border-radius:100%;
}