*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.container{
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(./images/7ee84235806254a4862f0580aa6d5b82.jpg);
}
.navbar{
    height: 10%;
    width: 95%;
    margin-top: -100px;
    display: flex;
    justify-content: flex-end;
    align-items:right;
}
.logo{
    height: 70px;
    width: 240px;
    margin-left: -1400px;
    margin-top: 45px;
}
.navbar i{
    color: white;
    font-size: 30px;
    padding: 15px;
}
i:hover{
    cursor: pointer;
}
#slideshow {
    width:100%;
    height:80%;
    margin:auto;
    overflow:hidden;
}

.container1 {
    width:500%;
    height: 100%;
    position:relative;
    animation:slide 16s ease-in-out infinite;
}

.container1 section {
    width:20%;
    height:100%;
    float:left;
    display: flex;
}
.container1:hover {
   animation-play-state:paused;
   -webkit-animation-play-state:paused;
}
section .text{
    width: 43%;
    height: 95%;
    margin-left: 80px;
}
section .images{
    width: 55%;
    height: 95%;
}
.text h1, h2, p{
    width: 100%;
    height: auto;
}
.text .view{
    width: 20%;
    height: auto;
    padding: 7px 15px;
    background-color: #F7471D;
    text-align: center;
    margin-top: 10px;
    border-radius: 15px;
}
.view:hover{
    cursor: pointer;
}
.view p{
    color:#ffffff;
    font-size: 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.images img{
    width: 100%;
    height: 90%;
    margin-top: 5%;
}
.icons{
    color: white; 
    margin-top: -100px;
    margin-left: 180px;
    font-style: italic;

}
.icons i{
    padding: 10px;
}
@keyframes slide {
    0% {left:0;}
    10% {left:0;}
    20% {left:-100%;}
    30% {left:-100%;}
    40% {left:-200%;}
    50% {left:-200%;}
    60% {left:-300%;}
    70% {left:-300%;}
    80% {left:-400%;}
    90% {left:-400%;}
    100% {left:0;}  
}