*{
   box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
}
img{
    max-width: 100%;
}
                /* style for header  */
header{
    background-color: #2E323F;
    color: white;
    padding: 2rem;
    text-align: center;
    position: relative;
}
.nav{
    visibility: hidden;
    height: 0;
}
.nav-visible{
    visibility: visible;
    height: auto;
    
}
.nav-toggle{
   position: absolute;
   left: 3rem;
   top: 1.4rem;
   border-radius: 50%;
   padding: 1rem;
   cursor: pointer;
}
.nav-toggle:hover{
    background-color: rgba(255,255,255,0.5);
}
.nav-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-item{
    margin: 1.2rem 0;
}
.nav-link{
    color: white;
    text-decoration: none;
}
.nav-list_secondary{
    margin-top: 3rem;
}
.nav-list_secondary .link-btn{
    background-color: #A59678;
    color: white;
    font-weight: 900;
    border-radius: 100px;
    padding: .7rem;
}

                /* Section-1 */
.sec-1{
    background-color: #3B4050;
    color: white;
    padding: 4rem 7rem;
}
.sec-1_sub-1{
    font-size: 3rem;
}
.sec-1_sub-1 .clr-text{
    color: #A59678;
}
.sec-1_sub-2 p{
    color: lightgray;
}
.sec-1_sub-2 button{
    background-color: #A59678;
    color: white;
    border: none;
    padding: .5rem 2rem;
    border-radius: 100px;
    font-size: 1.3rem;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
}

                /* section-2 */
.sec-2{
    background-color: rgb(218, 216, 216);
    text-align: center;
    padding: 3rem; 
}
.sub_sec-2{
    margin-top: 4rem;
}
.sub_sec-2 h3{
    color: #755e31;
}

            /* section-3 */
.sec-3{
    margin: 4rem 6rem;
}
.sec-3_sub-1 h2{
    color: #A59678;
}
.sub_sec-3_sub-2{
    background-color: #3B4050;
    text-align: center;
    color: white;
    padding: 1rem;
    margin: 2rem 0;
}

            /* footer  */
footer{
    display: none;
}


                /* media query for desktop */
@media screen and (min-width:1000px)  {
    .row{
        display: flex;
        justify-content: space-between;
    }
                /* header */
    .nav-toggle{
        display: none;
    }
    .nav{
        visibility: visible;
        height: auto;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .nav-list{
        display: flex;
    }
    .nav-item{
        margin: 0 1rem;
    }
    .nav-list_secondary{
        margin: 0 3rem;
    }

                /* section-1  */
    .sec-1_sub-2{
        padding: 4rem;
    }

                /* section-2  */
    .sub_sec-2{
        margin:0 1rem;
    }
    
                /* section-3  */
    .sec-3_sub-1{
        width: 60%;
    }
    .sec-3_sub-2{
        width: 30%;
    }

                /* footer  */
    footer{
        background-color: #3B4050;
        color: lightgray;
        padding: 4rem 6rem;
        display: inline-block;
    }
    footer>h2{
        color: white;
        text-align: center;
        font-size: 3rem;
        text-transform: capitalize;
    }
    
    .footer-sub{
        width: 20%;
        margin: 0 2rem;
    }
    .sub-footer{
        width: 40%;
    }
    .footer-sub h4{
        color:#A59678;
    }
    .footer-sub ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .footer-sub ul li a{
        display: inline-block;
        text-decoration: none;
        color: lightgray;
        margin: 1rem 0;
    }
}