@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap');

@media (max-width: 575.98px) {
    .big-font{
        font-size: 3em;
    }
}

@media (max-width: 767.98px) {
    .big-font{
        font-size: 3em;
    }
}

@media (min-width: 992px) {
    .no-padr{
        padding-right: 0px;
        margin-right: 0px;
    }

    .no-pad{
        padding-right: 0px;
        padding-left: 0px;
    }

    .brown-box{
        z-index:5;
    }

    .image-box{
        margin-left:-100px;
        border-width:5px;  
        border-style:double;
        border-color:#a53ea9;
    }

    .big-font{
        font-size: 5em;
    }
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}

.roboto {
    font-family: 'Roboto Slab', serif;
}

.f-height {
    height: 100vh;
}

.lg-brown {
    background-color: #a53ea9;
}

.brown-box {
    background-color:#1b252e;
    padding: 2em;
    color:#fff;
}

.big-font {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}

.inverse-grey {
    background-color: white;
    color:#1b252e;
}

.grey-bkg {
    background-color:#a53ea9;
    color:white;
}

.mod-h {
    background-color:#1b252e;
    color:white;
}

.mod-b {
    background-color:#a53ea9;
}