heritage.css

.image-border1,.image-border2{
    padding-top: 50px;
}
.image-border1 img,.image-border2 img{
    height: 530px;
}
.img1{
    margin-top: 70px;
}
/*Definition and the text below*/
.first-text-border h1{
    font-size: 40px;
    font-style: italic;
}
.first-text-border{
    margin-top: 70px;
    font-size: 20px;
}
.slideshow-container {
    padding-top: 130px;
    padding-left: 80px;
    height: 100%;
} 
/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 5s;
    animation-name: fade;
    animation-duration: 5s;
}
@-webkit-keyframes fade {
    from {opacity: .8}
    to {opacity: 1}
}
@keyframes fade {
    from {opacity: .8}
    to {opacity: 1}
}
/*Protection and text below*/
.third-text-border h1{
    font-size: 40px;
}
.third-text-border{
    height:100%;
    padding-top: 100px;
    font-size: 20px;
}
/*Change the format of the horizontal line*/
hr{
    border-top: 1px solid black;
}
@media (min-width:992px) and (max-width:1293px){
    .mySlides img{
        width: 400px;
    }
}
@media (max-width:991px){
    .image-border1 img{
        width: 100%;
    }
}
@media (min-width:443px) and (max-width:632px){
    .mySlides img{
        width: 350px;
    }
}
@media (max-width:443px){
    .mySlides img{
        width: 250px;
    }
    .slideshow-container{
        padding-left: 20px;
    }
}
@media (min-width:1800px){
    .container{
        width: 1400px;
    }
}