body, html {
    height: 100%;
    background-repeat: no-repeat;
    /*background-image: linear-gradient(135deg, rgba(31,123,229,1) 0%, rgba(58,139,232,1) 47%, rgba(70,153,234,1) 92%, rgba(72,156,234,1) 100%);*/
    /* background: url(../img/desktop.png) no-repeat center center fixed; */
    background: url(../img/LOGO-MAC.png) no-repeat center center fixed;
    background-color: #fbf3cb ;
    background-size: 25% 50%;
}

.container .panel.panel-info {
    border-color: #004312;
    margin-top: 15px;
}

.container .panel.panel-info .panel-heading {
    background-color: #90eda9;
    width: auto;
    height: 80px;
    text-align: center;
}

.container .panel.panel-info .panel-heading h1, h4{
    color: #004312;
}

.container .panel.panel-info .panel-heading .btn-info{
    background-color: #90eda9;
    color: black;
    border-color: #004312;
}

.panel-title {
    color: #004312;
}

.container .panel.panel-info .panel-heading .btn-info:hover{
    background-color: #0c8a2d;
    color: white;
}

.navbar-default {
    background-color: #0c8a2d;
    border-color: #01380f;
}

.navbar-default .navbar-brand {
    color: #ffeb2d;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #f8f4cf;
}

.navbar-default .navbar-text {
    color: black;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: greenyellow;
}

.abrir-menu,
.cerrar-menu{
    display: none;

}

@media only screen and (min-width: 550px){
    /*.abrir-menu{
        display: block;
    }
    .collapse{
        display: none;
    }*/
    .collapse navbar-collapse{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 2rem;
    }
    nav navbar-nav{
        flex-direction: column;
        align-items: end;
    }
}