.footer p{
   font-size: 1.3em; 
}
ol{
font-size: 1.3rem;
}
p{
    font-size: 1rem;
}

.magic-img{
    height: 30%;
    position: fixed;
    top: 26%;
    width: 25%;
    right: 0;
}

#portal-magic{
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    transition: 1s;
}

#portal-magic:hover{
    border-bottom: none;
    color: #b1fff4;
}


@media(max-width: 376px) and (min-width: 0px){
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        width: 100vw;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        position: absolute;
        right: 30px;
        display: flex;
        flex-direction: row;
        width: 25em;
        justify-content: space-around;
        top: -1px;
    }
    .navbar-inverse{
        font-size: 0.5rem;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: -15px;
    }
    #home{
        font-size: 0.8rem;
    }
}
@media(max-width: 768px) and (min-width: 376px){
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: -15px;
        width: 65vw;
    }

    .navbar-brand{
        font-size: 1rem;
    }
    .navbar-nav{
        margin: 10.5px 4% 0;
        font-size: 1rem;
        display: flex;
        justify-content: flex-end;

    }
    .magic-img{
        margin-top: 0;
    }

}