.card-deck{
    margin-top: 10%;
    margin: 3%;
}

.card-deck:first-child{
    margin-top: 1%;
}

.card{
    margin: 1%;
}

#lateralMenu{
    position: sticky;
    float: left;
    margin-left: 1%;
    top: 5vh;
    margin-left: -2vw;
    z-index: 3 !important;

    background-color: #f2f2f2;
    border-radius: 1em;
    border-top-left-radius: 0;
    width: 12%;
    
}

#btn-menu{
    position: sticky;
    top: 1.8vh;
    left: 0.5vw;
    float: left;
    width: 3%;
    height: 4%;
    border: none;
    border-radius: 25%;
    background-color: #f2f2f2;
    padding: 0;
    z-index: 3;
}

#btn-menu:hover{
    background-color: #dadada;
}



#btn-menu img{
    width: 80%;
    height: 90%;
    margin-left: 1%;
}

#header{
    width: 100%;
    height: 10%;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.5em;
    top: 0;
    z-index: 2 !important;
}

#footer{
    margin-top: 1%;
}

a{
    color: unset;
}


@media screen and (orientation: portrait) {
    
    #btn-menu{
        position: sticky;
        top: 0.7vh;
        left: 0.5vw;
        float: left;
        width: 10%;
        border: none;
        z-index: 1;
        border-radius: 2em;
        background-color: #f2f2f2;
        padding: 0;
    }

    #btn-menu img{
        width: 80%;
        height: 80%;
        margin-left: 1%;
    }

    #lateralMenu{
        position: sticky;
        float: left;
        top: 2vh;
        left: 2.5vw;
        z-index: 1;
    
        background-color: #f2f2f2;
        border-radius: 1em;
        border-top-left-radius: 0;
        width: 35%;
        
    }

}