body,html{
    height: 100%;
}
.container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(
        rgba(0, 0, 0, 0.5), 
        rgba(0, 0, 0, 0.5)
      ), url(../images/bg-main1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container h1, .container2 h1, .container3 h1 {
    color: white;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 70px;
}
.container p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    width: 780px;
}

.container2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(
        rgba(0, 0, 0, 0.5), 
        rgba(0, 0, 0, 0.5)
      ), url(../images/bg-main2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container2 p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    width: 550px;
}

.container3 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(
        rgba(0, 0, 0, 0.5), 
        rgba(0, 0, 0, 0.5)
      ), url(../images/bg-main3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container3 p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    width: 400px;
}

.mainIcon .fa-angle-right {
    cursor: pointer;
}

.hidden {
    display: none;
}