html,body{
    padding: 0;
    margin: 0;
    max-width: 100%;
    overflow-x: hidden;
}

.pic1{
    background-image: url("https://i.imgur.com/Hau2wyF.jpg");
    background-repeat: no-repeat;
    background-size: auto 93%;
    background-position: 46% 100%;
    background-attachment: fixed;
    height:300%;
    width:100%;
    background-color: black;
    padding:0;
    margin:0;
}

p{
    font-family: "Roboto", sans-serif;
}
.top1{
    background-color: white;
    padding-top:18%;
    padding-bottom:25%;

    height: 100%;
    width:105%;
    position:relative;
    text-align: center;
    font-size: 30px;
    color: black;
}

.bottom1{
    background-color: white;
    height:60%;
    width:100%;
    padding:10% 0 0 0;
    /*   padding-bottom:23%; */
    text-align: center;
    font-size: 20px;
    color: black;
    margin:60% 30% 0 0;

}

h1  {
    font-weight:300;
    font-family: 'Raleway', sans-serif;
    font-size:3em;
    text-align: center
}

h3  {
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    font-size:15px;
    position:relative;
    text-align: center
}

.nav-link{

    font-family: 'Roboto', sans-serif;

}

a{
    color:black;
}

a:hover{
    cursor: pointer;
    text-decoration:none !important ;

    color:black !important;
}

a:visited{
    text-decoration:none !important;
}

a:link{
    text-decoration:none;
    color:black;

}

.arrow{
    color:white;
    font-size:3rem;
}

.carousel{
    text-align:center;
}

.btn-group{
    font-family: 'Roboto', sans-serif;
    display:block;
    margin:0 8% 0 0;
}

.research-btn{
    padding:3% 8%;
}


.btn2{
    padding:3% 5.2%;
}

.btn{
    background-color:lightgrey;
    color:black;
    margin:1% 1% 1% 7%;
}


.welcome1{
    text-align: center;
    font-size:5rem;
    margin: 0 0  3% 0;

}

.footer{
    top:100%;
    left:0;
    bottom:0;

}

.footer>p{
    font-family: 'Roboto', sans-serif;
    background-color:#EDEDED;
    font-size: 0.6em;
    width:100%;
    left:0;
    bottom:0;
}

.footer>p>img{
    width:3%;
}
@media screen and (max-width: 800px) {

    .footer>p>img{
        width:10%;
    }

    .message{
        font-size: 0.8em;
        padding: 7% 15% 0 5%;
    }

    .pic1{

        background-position: 20% 48%;
        background-color: black;

        padding:0;
        margin:0;
        background-size: 90% 15%;
    }


    h1{
        text-align:center;
        margin-left:2%;
        padding:17% 0 0 0;
        font-size:2.5em;
    }

    .bottom1{
        margin-top:85%;
    }

    .welcome1{
        font-size:2.5em;
        margin:5% 10% 0 0;
        padding:0;

    }

    .carousel{
        width:91%;
        margin:10% 27% 10% 0;
        padding:0 7%;

    }
    .btn-group{
        margin-right:15%;
        font-weight:100;
    }

    .research-btn{
        font-weight:300;
        padding:5% 31% 5% 30.5%;
    }

    .btn2{
        padding:5.5% 18%;
        font-weight:300;
    }

}