@import url('https://fonts.googleapis.com/css?family=Yantramanav:100');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
@import url('https://fonts.googleapis.com/css?family=Indie Flower|Raleway');
@import url('https://fonts.googleapis.com/css?family=Lato|Roboto+Slab|Droid+Serif');



html,
body {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.home_section {
    background: url('../images/home.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin: auto;
    display: table;
    position: relative;
    border: none !important;
}

.about_section {
    background: url('../images/about.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin: auto;
    display: table;
    position: relative;
    border: none !important;
}

.portfolio_section {
    background: url('../images/portfolio.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    margin: auto;
    position: relative;
    border: none !important;

}

.contact_section {
    background: url('../images/contact.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    height: 100%;
    width: 100%;
    margin: auto;
    display: table;
    position: relative;
    border: none !important;
    padding: 34rem 0rem 0rem;
}