html{
    scroll-behavior: smooth;
}

body{
    font-family: 'Hind Siliguri', sans-serif;
}

.navbar{
    background-color: #ffffff;
    border-bottom: #161145 2px solid;
}

.fixed-top{
    display: none;
}

.fixed-top.scrolled{
    display: flex;
}

#info{
    scroll-margin-top: 50px;
    scroll-snap-margin-top: 50px;
}

header.masthead{
    height: 100vh;
    background: rgb(255,221,139);
    background: linear-gradient(140deg, rgba(255,221,139,1) 0%, rgba(249,207,168,1) 48%, rgba(255,209,160,1) 50%);
}

#info img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#info a{
    text-decoration: none;
    font-weight: 600;
    color: #161145;
}

.spacer{
    height: 70px;
    background-color: #161145;
}

h2{
    color: #161145;
    font-weight: 700;
}

/*footer*/
footer{
    background-color: #f8dbce;
    border-top: #161145 2px solid;
    color: #000000;
}

footer svg{
    width: 30px;
    height: 30px;
}

footer p{
    margin-bottom: 0;
    font-size: .8rem;
    font-weight: 600;
    font-weight: 300;
}

footer a{
    text-decoration: none; 
    color: #000000; 
    font-weight: 700;
}

footer a:hover{
    text-decoration: none; 
    color: #000000; 
}

@media (min-width: 768px){
    .masthead img{
        width: 500px;
    }
}

@media (min-width: 992px){
    .bagr{
        height: 200px
    }

    .im1{
        background-image: url('../assets/a.jpg');
        background-size: cover;
    }

    .im2{
        background-image: url('../assets/b.jpg');
        background-size: cover;
    }
}

@media (min-width: 1200px){
    .bagr{
        height: 300px;
    }
}