*{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
}
.main-nav{
    height: 83px;
    background-color: #4a1831;
}
.wrapper{
    max-width: 1440px;
    margin: 0 auto;
}
.navbar-navigation{
    display: flex;
    justify-content: space-evenly;
    padding-top: 32px;
}
.navbar-list{
    font-size: 25px;
}
.navbar-link{
    color: #ffd7ad;
}

.sec-1{
    height: 715px;
    background-image: url(./Place\ Your\ Image\ Here\ \(Double\ Click\ to\ Edit\).png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sec-1-content{
    padding-top: 50px;
}
.sec-1-head{
    font-size: 124.63px;
    color: #ffd7ad;
    padding-top: 54px;
}
.sec-1-para{
    color: #ffd7ad;
    padding-top: 50px;
    height: 97px;
    width: 607px;
    font-size: 29.72px;
}
.sec-1-button{
    height: 68px;
    width: 323px;
    background-color:#ffd7ad;
    color: #4a1831;
    font-size: 25px;
    margin-top: 50px;
    border-radius: 150px;
}
.sec-2{
    height: 476px;
    background-color: #ffd7ad;
}
.sec-2-head{
    padding-top: 80px;
    text-align: center;
    color: #4a1831;
    font-size: 63.66px;
}
.sec-2-para{
    padding-top: 50px;
    text-align: center;
    padding-left: 350px;
    color: #4a1831;
    height: 52px;
    width: 726px;
    font-size: 25.23px;
}
.sec-2-button{
    height: 76px;
    width: 322px;
    background-color: #4a1831;
    color: #ffd7ad;
    font-size: 25px;
    margin-left: 530px;
    margin-top: 70px;
    border-radius: 153px;
}
.sec-3-img{
    height: 352px;
}
.sec-4{
    height: 950px;
    background-color: #ffd7ad;
}
.sec-4-content{
    display: flex;
    justify-content: space-evenly;
}
.img-1{
    width: 600px;
    height: 600px;
    padding-top: 298px;
}
.sec-4-head{
    font-size: 75px;
    color: #4a1831;
    padding-top: 358px;
}
.sec-4-para{
    height: 102px;
    width: 550px;
    color: #4a1831;
    padding-top: 50px;
    font-size: 29.72px;
}
.sec-4-button{
    height: 66px;
    width: 320px;
    background-color: #4a1831;
    font-size: 25px;
    border-radius: 153px;
    color: #ffd7ad;
    margin-top: 60px;
}
.sec-5{
    height: 778px;
    background-color: #ffd7ad;
}
.sec-5-content{
    display: flex;
}
.sec-5-head-1{
    color: #e63956;
    font-size: 137.36px;
    padding-top: 50px;
}
.sec-5-head-2{
    font-size: 64.16px;
    color: #55112e;
}
.sec-2-head-3{
    color: #6cc5ac;
    font-size: 104.21px;
    height: 73px;
    width: 562px;
}
.sec-5-cnt{
    transform: translateX(300px);
}
.img-2{
    height: 718px;
    width: 1052px;
    padding-top: 60px;
}
.sec-6{
    height: 796px;
    background-color: #4a1831;
}
.sec-6-content{
    display: flex;
    justify-content: space-evenly;
}
.sec-6-head{
    font-size: 75px;
    color: #ffd7ad;
    padding-top: 130px;
}
.sec-6-para{
    padding-top: 50px;
    color: #ffd7ad;
    height: 104px;
    width: 550px;
    font-size: 29.72px;
}
.sec-6-button{
    width: 320px;
    height: 62px;
    background-color: #ffd7ad;
    color: #4a1831;
    font-size: 25px;
    margin-top: 60px;
    border-radius: 153px;
}
.img-3{
    padding-top: 120px;
    height: 540px;
    width: 540px;
}
.sec-7{
    height: 754px;
    background-image: url(./background\ -\ 7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-blend-mode: multiply;
    background-color: #4a1831;
}
.sec-7-logo{
    padding-left: 650px;
    padding-top: 100px;
}
.sec-7-para{
    height: 148px;
    width: 1044px;
    color: #ffd7ad;
    font-size: 41.67px;
    padding-left: 200px;
    padding-top: 50px;
}
.sec-7-head{
    text-align: center;
    padding-top: 50px;
    color: #ffd7ad;
    font-size: 44.9px;
}
.sec-8{
    height: 798px;
    background-color: #ffd7ad;
}
.sec-8-head{
    font-size: 75px;
    color: #4a1831;
    text-align: center;
    padding-top: 220px;
}
.sec-8-para{
    width: 916px;
    height: 62px;
    text-align: center;
    color: #4a1831;
    font-size: 29.72px;
    padding-top: 50px;
    padding-left: 250px;
}
.btn{
    display: flex;
    padding-top: 118px;
}
.email{
    width: 766px;
    height: 64px;
    border-radius: 153px;
    font-size: 25px;
    margin-left: 350px;
}
.sec-8-button{
    height: 64px;
    width: 222px;
    background-color: #4a1831;
    color: #ffd7ad;
    border-radius: 153px;
    font-size: 25px;
    transform: translateX(-220px);
}
.footer{
    height: 792px;
    background-color: #4a1831;
}
.footer-content{
    display: flex;
    justify-content: space-evenly;
    padding-top: 246px;
}
.foot-head{
    font-size: 31.6px;
    color: #ffd7ad;
}
.foot-para{
    padding-top: 50px;
    color: #ffd7ad;
    font-size: 23.7px;
    height: 110px;
    width: 454px;
}
.foot-list{
    padding-top: 50px;
    color: #ffd7ad;
    font-size: 23.7px;
}
/* extra-small screen */
@media(max-width:575.98px){
    .main-nav{
        height: auto;
        background-color: #4a1831;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }
    .navbar-list{
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .toggle-icon{
        position: absolute;
        top: 30px; 
        right: 20px;
    }
    .navbar-link{
        color: #ffd7ad;
    }
    .sec-1{
        height: auto;
        background-image: url(./Place\ Your\ Image\ Here\ \(Double\ Click\ to\ Edit\).png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .sec-1-content{
        padding: 30px 0px 30px 0px;
    }
    .sec-1-logo{
        padding-left: 20px;
    }
    .sec-1-head{
        font-size: 30px;
        color: #ffd7ad;
        padding-top: 24px;
        padding-left: 20px;
    }
    .sec-1-para{
        color: #ffd7ad;
        padding-top: 20px;
        height: 70px;
        width: 207px;
        font-size: 10px;
        padding-left: 20px;
    }
    .sec-1-button{
        height: 38px;
        width: 100px;
        background-color:#ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 10px;
        margin-left: 20px;
        border-radius: 150px;
    }
    .sec-2{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-2-head{
        padding-top: 50px;
        text-align: center;
        color: #4a1831;
        font-size: 25px;
    }
    .sec-2-para{
        padding-top: 20px;
        text-align: center;
        padding-left: 80px;
        color: #4a1831;
        height: 52px;
        width: 226px;
        font-size: 10px;
    }
    .sec-2-button{
        height: 40px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        font-size: 10px;
        margin-left: 130px;
        margin-top: 15px;
        border-radius: 153px;
    }
    .sec-3-img{
        height: auto;
        flex-direction: column;
        width: 100%;
        padding-top: 10px;
    }
    .sec-4{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-4-content{
        flex-direction: column;
        align-items: center;
    }
    .img-1{
        width: 150px;
        height: 150px;
        padding-top: 28px;
    }
    .sec-4-head{
        font-size: 25px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 50px;
    }
    .sec-4-para{
        height: 60px;
        width: 250px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 50px;
        font-size: 10px;
    }
    .sec-4-button{
        height: 50px;
        width: 120px;
        background-color: #4a1831;
        font-size: 10px;
        border-radius: 153px;
        color: #ffd7ad;
        margin-top: 10px;
        margin-left: 80px;
    }
    .sec-5{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-5-content{
        flex-direction: column;
        align-items: center;
    }
    .sec-5-head-1{
        color: #e63956;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 80px;
    }
    .sec-5-head-2{
        font-size: 20px;
        color: #55112e;
        padding-left: 80px;
    }
    .sec-2-head-3{
        color: #6cc5ac;
        font-size: 15px;
        height: 40px;
        width: 200px;
        padding-left: 80px;
    }
    .sec-5-cnt{
        transform: translateX(0px);
    }
    .img-2{
        height: 250px;
        width: 300px;
        padding-top: 10px;
    }
    .sec-6{
        height: auto;
        background-color: #4a1831;
    }
    .sec-6-content{
        flex-direction: column;
        align-items: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-6-head{
        font-size: 25px;
        color: #ffd7ad;
        padding-top: 30px;
    }
    .sec-6-para{
        padding-top: 20px;
        color: #ffd7ad;
        height: 40px;
        width: 200px;
        font-size: 10px;
    }
    .sec-6-button{
        width: 120px;
        height: 40px;
        background-color: #ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 20px;
        border-radius: 153px;
    }
    .img-3{
        padding-top: 30px;
        height: 240px;
        width: 240px;
    }
    .sec-7{
        height: auto;
        background-image: url(./background\ -\ 7.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        background-color: #4a1831;
    }
    .sec-7-content{
        padding: 10px 0px 30px 0px;
    }
    .sec-7-logo{
        padding-left: 120px;
        padding-top: 20px;
    }
    .sec-7-para{
        height: 48px;
        width: 270px;
        color: #ffd7ad;
        font-size: 15px;
        padding-left: 80px;
        padding-top: 20px;
    }
    .sec-7-head{
        text-align: center;
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 15px;
    }
    .sec-8{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-8-content{
        padding-bottom: 30px;
    }
    .sec-8-head{
        font-size: 25px;
        color: #4a1831;
        text-align: center;
        padding-top: 30px;
    }
    .sec-8-para{
        width: 250px;
        height: 42px;
        text-align: center;
        color: #4a1831;
        font-size: 15px;
        padding-top: 20px;
        padding-left: 50px;
    }
    .btn{
        display: flex;
        padding-top: 50px;
    }
    .email{
        width: 200px;
        height: 30px;
        border-radius: 153px;
        font-size: 10px;
        margin-left: 100px;
    }
    .sec-8-button{
        height: 30px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        border-radius: 153px;
        font-size: 10px;
        transform: translateX(-90px);
    }
    .footer{
        height: auto;
        background-color: #4a1831;
    }
    .footer-content{
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .foot-head{
        font-size: 15px;
        color: #ffd7ad;
        padding-top: 30px;
    }
    .foot-para{
        padding-top: 20px;
        color: #ffd7ad;
        font-size: 15px;
        height: 40px;
        width: 300px;
    }
    .foot-list{
        padding-top: 10px;
        color: #ffd7ad;
        font-size: 10px;
    } 
}
/* small screen */
@media(min-width:576px) and (max-width:767.98px){
    .main-nav{
        height: auto;
        background-color: #4a1831;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }
    .navbar-list{
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .toggle-icon{
        position: absolute;
        top: 30px; 
        right: 20px;
    }
    .navbar-link{
        color: #ffd7ad;
    }
    .sec-1{
        height: auto;
        background-image: url(./Place\ Your\ Image\ Here\ \(Double\ Click\ to\ Edit\).png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .sec-1-content{
        padding: 30px 0px 30px 0px;
    }
    .sec-1-logo{
        padding-left: 30px;
    }
    .sec-1-head{
        font-size: 30px;
        color: #ffd7ad;
        padding-top: 24px;
        padding-left: 30px;
    }
    .sec-1-para{
        color: #ffd7ad;
        padding-top: 20px;
        height: 70px;
        width: 207px;
        font-size: 10px;
        padding-left: 30px;
    }
    .sec-1-button{
        height: 38px;
        width: 100px;
        background-color:#ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 10px;
        margin-left: 30px;
        border-radius: 150px;
    }
    .sec-2{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-2-head{
        padding-top: 50px;
        text-align: center;
        color: #4a1831;
        font-size: 25px;
    }
    .sec-2-para{
        padding-top: 20px;
        text-align: center;
        padding-left: 180px;
        color: #4a1831;
        height: 52px;
        width: 226px;
        font-size: 10px;
    }
    .sec-2-button{
        height: 40px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        font-size: 10px;
        margin-left: 250px;
        margin-top: 15px;
        border-radius: 153px;
    }
    .sec-3-img{
        height: auto;
        flex-direction: column;
        width: 100%;
        padding-top: 10px;
    }
    .sec-4{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-4-content{
        flex-direction: column;
        align-items: center;
    }
    .img-1{
        width: 150px;
        height: 150px;
        padding-top: 28px;
    }
    .sec-4-head{
        font-size: 25px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 50px;
    }
    .sec-4-para{
        height: 60px;
        width: 250px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 50px;
        font-size: 10px;
    }
    .sec-4-button{
        height: 50px;
        width: 120px;
        background-color: #4a1831;
        font-size: 10px;
        border-radius: 153px;
        color: #ffd7ad;
        margin-top: 10px;
        margin-left: 80px;
    }
    .sec-5{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-5-content{
        flex-direction: column;
        align-items: center;
    }
    .sec-5-head-1{
        color: #e63956;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 80px;
    }
    .sec-5-head-2{
        font-size: 20px;
        color: #55112e;
        padding-left: 80px;
    }
    .sec-2-head-3{
        color: #6cc5ac;
        font-size: 15px;
        height: 40px;
        width: 200px;
        padding-left: 80px;
    }
    .sec-5-cnt{
        transform: translateX(0px);
    }
    .img-2{
        height: 250px;
        width: 300px;
        padding-top: 10px;
    }
    .sec-6{
        height: auto;
        background-color: #4a1831;
    }
    .sec-6-content{
        flex-direction: column;
        align-items: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-6-head{
        font-size: 25px;
        color: #ffd7ad;
        padding-top: 30px;
    }
    .sec-6-para{
        padding-top: 20px;
        color: #ffd7ad;
        height: 40px;
        width: 200px;
        font-size: 10px;
    }
    .sec-6-button{
        width: 120px;
        height: 40px;
        background-color: #ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 20px;
        border-radius: 153px;
    }
    .img-3{
        padding-top: 30px;
        height: 240px;
        width: 240px;
    }
    .sec-7{
        height: auto;
        background-image: url(./background\ -\ 7.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        background-color: #4a1831;
    }
    .sec-7-content{
        padding: 10px 0px 30px 0px;
    }
    .sec-7-logo{
        padding-left: 250px;
        padding-top: 20px;
    }
    .sec-7-para{
        height: 48px;
        width: 270px;
        color: #ffd7ad;
        font-size: 15px;
        padding-left: 200px;
        padding-top: 20px;
    }
    .sec-7-head{
        text-align: center;
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 15px;
    }
    .sec-8{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-8-content{
        padding-bottom: 30px;
    }
    .sec-8-head{
        font-size: 25px;
        color: #4a1831;
        text-align: center;
        padding-top: 30px;
    }
    .sec-8-para{
        width: 250px;
        height: 42px;
        text-align: center;
        color: #4a1831;
        font-size: 15px;
        padding-top: 20px;
        padding-left: 180px;
    }
    .btn{
        display: flex;
        padding-top: 50px;
        padding-left: 50px;
    }
    .email{
        width: 200px;
        height: 30px;
        border-radius: 153px;
        font-size: 10px;
        margin-left: 150px;
    }
    .sec-8-button{
        height: 30px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        border-radius: 153px;
        font-size: 10px;
        transform: translateX(-90px);
    }
    .footer{
        height: auto;
        background-color: #4a1831;
    }
    .footer-content{
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .foot-head{
        font-size: 15px;
        color: #ffd7ad;
        padding-top: 30px;
    }
    .foot-para{
        padding-top: 20px;
        color: #ffd7ad;
        font-size: 15px;
        height: 40px;
        width: 300px;
    }
    .foot-list{
        padding-top: 10px;
        color: #ffd7ad;
        font-size: 10px;
    }
}
/* medium-screen */
@media(min-width:768px) and (max-width:991.98px){
    .main-nav{
        height: auto;
        background-color: #4a1831;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-navigation{
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }
    .navbar-list{
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .toggle-icon{
        position: absolute;
        top: 30px; 
        right: 100px;
    }
    .navbar-link{
        color: #ffd7ad;
    }
    .sec-1{
        height: auto;
        background-image: url(./Place\ Your\ Image\ Here\ \(Double\ Click\ to\ Edit\).png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .sec-1-content{
        padding: 30px 0px 30px 0px;
    }
    .sec-1-logo{
        padding-left: 50px;
    }
    .sec-1-head{
        font-size: 30px;
        color: #ffd7ad;
        padding-top: 24px;
        padding-left: 50px;
    }
    .sec-1-para{
        color: #ffd7ad;
        padding-top: 20px;
        height: 70px;
        width: 207px;
        font-size: 13px;
        padding-left: 50px;
    }
    .sec-1-button{
        height: 38px;
        width: 100px;
        background-color:#ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 10px;
        margin-left: 50px;
        border-radius: 150px;
    }
    .sec-2{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-2-head{
        padding-top: 50px;
        text-align: center;
        color: #4a1831;
        font-size: 25px;
        padding-left: 30px;
    }
    .sec-2-para{
        padding-top: 20px;
        text-align: center;
        padding-left: 280px;
        color: #4a1831;
        height: 52px;
        width: 226px;
        font-size: 13px;
    }
    .sec-2-button{
        height: 40px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        font-size: 10px;
        margin-left: 350px;
        margin-top: 15px;
        border-radius: 153px;
    }
    .sec-3-img{
        height: auto;
        flex-direction: column;
        width: 100%;
        padding-top: 10px;
    }
    .sec-4{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-4-content{
        flex-direction: column;
        align-items: center;
    }
    .img-1{
        width: 150px;
        height: 150px;
        padding-top: 28px;
    }
    .sec-4-head{
        font-size: 25px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 100px;
    }
    .sec-4-para{
        height: 60px;
        width: 250px;
        color: #4a1831;
        padding-top: 20px;
        padding-left: 100px;
        font-size: 10px;
    }
    .sec-4-button{
        height: 50px;
        width: 120px;
        background-color: #4a1831;
        font-size: 10px;
        border-radius: 153px;
        color: #ffd7ad;
        margin-top: 10px;
        margin-left: 100px;
    }
    .sec-5{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-5-content{
        flex-direction: column;
        align-items: center;
    }
    .sec-5-head-1{
        color: #e63956;
        font-size: 25px;
        padding-top: 20px;
        padding-left: 80px;
    }
    .sec-5-head-2{
        font-size: 20px;
        color: #55112e;
        padding-left: 80px;
    }
    .sec-2-head-3{
        color: #6cc5ac;
        font-size: 15px;
        height: 40px;
        width: 200px;
        padding-left: 80px;
    }
    .sec-5-cnt{
        transform: translateX(0px);
    }
    .img-2{
        height: 250px;
        width: 300px;
        padding-top: 10px;
    }
    .sec-6{
        height: auto;
        background-color: #4a1831;
    }
    .sec-6-content{
        flex-direction: column;
        align-items: center;
        padding: 10px 0px 30px 0px;
    }
    .sec-6-head{
        font-size: 25px;
        color: #ffd7ad;
        padding-top: 30px;
        text-align: center;
    }
    .sec-6-para{
        padding-top: 20px;
        color: #ffd7ad;
        height: 40px;
        width: 200px;
        font-size: 10px;
        text-align: center;
    }
    .sec-6-button{
        width: 120px;
        height: 40px;
        background-color: #ffd7ad;
        color: #4a1831;
        font-size: 10px;
        margin-top: 20px;
        border-radius: 153px;
        margin-left: 40px;
    }
    .img-3{
        padding-top: 30px;
        height: 240px;
        width: 240px;
    }
    .sec-7{
        height: auto;
        background-image: url(./background\ -\ 7.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        background-color: #4a1831;
    }
    .sec-7-content{
        padding: 10px 0px 30px 0px;
    }
    .sec-7-logo{
        padding-left: 330px;
        padding-top: 20px;
    }
    .sec-7-para{
        height: 48px;
        width: 270px;
        color: #ffd7ad;
        font-size: 15px;
        padding-left: 280px;
        padding-top: 20px;
    }
    .sec-7-head{
        text-align: center;
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 15px;
    }
    .sec-8{
        height: auto;
        background-color: #ffd7ad;
    }
    .sec-8-content{
        padding-bottom: 30px;
    }
    .sec-8-head{
        font-size: 25px;
        color: #4a1831;
        text-align: center;
        padding-top: 30px;
    }
    .sec-8-para{
        width: 250px;
        height: 42px;
        text-align: center;
        color: #4a1831;
        font-size: 15px;
        padding-top: 20px;
        padding-left: 250px;
    }
    .btn{
        display: flex;
        padding-top: 50px;
        padding-left: 100px;
    }
    .email{
        width: 200px;
        height: 30px;
        border-radius: 153px;
        font-size: 10px;
        margin-left: 180px;
    }
    .sec-8-button{
        height: 33px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        border-radius: 153px;
        font-size: 10px;
        transform: translateX(-90px);
    }
    .footer{
        height: auto;
        background-color: #4a1831;
    }
    .footer-content{
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .foot-head{
        font-size: 15px;
        color: #ffd7ad;
        padding-top: 30px;
    }
    .foot-para{
        padding-top: 20px;
        color: #ffd7ad;
        font-size: 15px;
        height: 40px;
        width: 300px;
    }
    .foot-list{
        padding-top: 10px;
        color: #ffd7ad;
        font-size: 10px;
    } 
}
/* large-screen */
@media(min-width:992px) and (max-width:1199.98px){
    .main-nav{
        height: 50px;
        background-color: #4a1831;
    }
    .wrapper{
        max-width: 100%;
        margin: 0 auto;
    }
    .navbar-navigation{
        display: flex;
        justify-content: space-evenly;
        padding-top: 20px;
    }
    .navbar-list{
        font-size: 15px;
    }
    .navbar-link{
        color: #ffd7ad;
    }
    
    .sec-1{
        height: 450px;
        background-image: url(./Place\ Your\ Image\ Here\ \(Double\ Click\ to\ Edit\).png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .sec-1-content{
        padding-top: 30px;
        padding-left: 40px;
    }
    .sec-1-head{
        font-size: 30px;
        color: #ffd7ad;
        padding-top: 24px;
    }
    .sec-1-para{
        color: #ffd7ad;
        padding-top: 20px;
        height: 40px;
        width: 250px;
        font-size: 15px;
    }
    .sec-1-button{
        height: 40px;
        width: 100px;
        background-color:#ffd7ad;
        color: #4a1831;
        font-size: 15px;
        margin-top: 50px;
        border-radius: 153px;
    }
    .sec-2{
        height: 300px;
        background-color: #ffd7ad;
    }
    .sec-2-content{
        padding-bottom: 30px;
    }
    .sec-2-head{
        padding-top: 50px;
        text-align: center;
        color: #4a1831;
        font-size: 30px;
    }
    .sec-2-para{
        padding-top: 30px;
        text-align: center;
        padding-left: 380px;
        color: #4a1831;
        height: 40px;
        width: 250px;
        font-size: 15px;
    }
    .sec-2-button{
        height: 40px;
        width: 100px;
        background-color: #4a1831;
        color: #ffd7ad;
        font-size: 15px;
        margin-left: 450px;
        margin-top: 40px;
        border-radius: 153px;
    }
    .sec-3-img{
        height: 200px;
        width: 100%;
    }
    .sec-4{
        height: 500px;
        background-color: #ffd7ad;
    }
    .sec-4-content{
        display: flex;
        justify-content: space-evenly;
    }
    .img-1{
        width: 250px;
        height: 250px;
        padding-top: 198px;
    }
    .sec-4-head{
        font-size: 35px;
        color: #4a1831;
        padding-top: 258px;
    }
    .sec-4-para{
        height: 50px;
        width: 250px;
        color: #4a1831;
        padding-top: 30px;
        font-size: 15px;
    }
    .sec-4-button{
        height: 40px;
        width: 90px;
        background-color: #4a1831;
        font-size: 15px;
        border-radius: 153px;
        color: #ffd7ad;
        margin-top: 40px;
    }
    .sec-5{
        height: 500px;
        background-color: #ffd7ad;
    }
    .sec-5-content{
        display: flex;
    }
    .sec-5-head-1{
        color: #e63956;
        font-size: 30px;
        padding-top: 30px;
    }
    .sec-5-head-2{
        font-size: 20px;
        color: #55112e;
    }
    .sec-2-head-3{
        color: #6cc5ac;
        font-size: 30px;
        height: 40px;
        width: 150px;
    }
    .sec-5-cnt{
        transform: translateX(200px);
    }
    .img-2{
        height: 460px;
        width: 400px;
        padding-top: 40px;
        padding-left: 50px;
    }
    .sec-6{
        height: 350px;
        background-color: #4a1831;
    }
    .sec-6-content{
        display: flex;
        justify-content: space-evenly;
    }
    .sec-6-head{
        font-size: 35px;
        color: #ffd7ad;
        padding-top: 70px;
    }
    .sec-6-para{
        padding-top: 30px;
        color: #ffd7ad;
        height: 50px;
        width: 200px;
        font-size: 15px;
    }
    .sec-6-button{
        width: 90px;
        height: 40px;
        background-color: #ffd7ad;
        color: #4a1831;
        font-size: 15px;
        margin-top: 50px;
        border-radius: 153px;
    }
    .img-3{
        padding-top: 50px;
        height: 240px;
        width: 240px;
    }
    .sec-7{
        height: 450px;
        background-image: url(./background\ -\ 7.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        background-color: #4a1831;
    }
    .sec-7-content{
        padding-left: 100px;
    }
    .sec-7-logo{
        padding-left: 350px;
        padding-top: 70px;
    }
    .sec-7-para{
        height: 70px;
        width: 500px;
        color: #ffd7ad;
        font-size: 20px;
        padding-left: 200px;
        padding-top: 50px;
    }
    .sec-7-head{
        text-align: center;
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 20px;
        padding-right: 50px;
    }
    .sec-8{
        height: 380px;
        background-color: #ffd7ad;
    }
    .sec-8-head{
        font-size: 25px;
        color: #4a1831;
        text-align: center;
        padding-top: 70px;
    }
    .sec-8-para{
        width: 250px;
        height: 42px;
        text-align: center;
        color: #4a1831;
        font-size: 15px;
        padding-top: 30px;
        padding-left: 400px;
    }
    .btn{
        display: flex;
        padding-top: 50px;
    }
    .email{
        width: 550px;
        height: 64px;
        border-radius: 153px;
        font-size: 15px;
        margin-left: 250px;
    }
    .sec-8-button{
        height: 64px;
        width: 150px;
        background-color: #4a1831;
        color: #ffd7ad;
        border-radius: 153px;
        font-size: 15px;
        transform: translateX(-150px);
    }
    .footer{
        height: 300px;
        background-color: #4a1831;
    }
    .footer-content{
        display: flex;
        justify-content: space-evenly;
        padding-top: 80px;
    }
    .foot-head{
        font-size: 20px;
        color: #ffd7ad;
    }
    .foot-para{
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 15px;
        height: 40px;
        width: 250px;
    }
    .foot-list{
        padding-top: 30px;
        color: #ffd7ad;
        font-size: 12px;
    }
}