/*font-family: 'Poppins', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Josefin Sans', sans-serif;*/

.ym1 {
    background-color: #e2b876;
}
.ym2 {
    background-color: #225776;
}
.ym3 {
    background-color: #738c96;
}
.ym4 {
    background-color: #1c1c1c;
}
.ym5 {
    background-color: #6e582b;
}

* {
    box-sizing: border-box
}
body{
    background-color: #1c1c1c;
    font-family: 'Roboto', sans-serif;
    color: whitesmoke;
}
.navbar {
    background-color: #1c1c1c;
}
.nav-link {
    font-family: 'Poppins', sans-serif;
    color: #e2b876;
    margin: 0 40px;
}
.nav-link:hover {
    color: #225776;
}


.section-1 {
    margin-bottom: 8%;
}
.section-1 .heading-1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 50px;
    color: #e2b876;
    margin: 8% 0 3% 0;

}
.section-1 .heading-2 {
    font-family: 'Poppins', sans-serif;
    color: #738c96;
    margin-bottom: 5%;
    font-size: 32px;
}
.section-1 .para-1 {
    font-size: 20px;
    width: ;
    margin-left: ;
    margin-bottom: ;
}


.section-2 .container-fluid {
    min-height: 500px;
    background-image: url("images/para1.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.section-2 .heading-1 {
    margin-top: 50%;
    margin-bottom: 4%;
    font-size: 60px;
    font-family: 'Josefin Sans', sans-serif;
    color: whitesmoke;
}
.section-2 .para {
    /*width: 80%;*/
    color: whitesmoke;
    margin-bottom: 7%;
}
.section-2 .btn {
    margin-bottom: 15%;
    width: 30%;
    padding: 2% 5%;
}

.section-3 {
    margin-bottom: 8%;
}
.section-3 .heading-1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 50px;
    color: #e2b876;
    margin: 5% 0 3% 0;
}
.section-3 .heading-2 {
    font-family: 'Poppins', sans-serif;
    color: #738c96;
    margin-bottom: 5%;
    font-size: 32px;
}
.section-3 img {
    margin: 10px;
    max-width: 300px;
}
.section-4 .container-fluid {
    min-height: 500px;
    background-image: url("images/para2.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.section-4 .heading-1 {
    margin-top: 50%;
    margin-bottom: 4%;
    font-size: 60px;
    font-family: 'Josefin Sans', sans-serif;
    color: whitesmoke;
}
.section-4 .para {
    /*width: 80%;*/
    color: whitesmoke;
    margin-bottom: 7%;
}
.section-4 .btn {
    margin-bottom: 15%;
    width: 30%;
    padding: 2% 5%;
}
footer img {
    margin-left: 10%;
    margin-bottom: 13%;
    height: 100px;
}

form {
    margin-top: 8%;
}
.music iframe {
    margin: 0 10px;
    max-width: 350px;

}