.navDesktop{
    margin-top: 2%;
    display: block;
    width: 100%;

}
.nav-desktop-navigation{
    display: flex;
    align-content: space-between;
    flex-flow: row wrap;
    flex: 1;
    font-size: 0.8em;
    justify-content: center;
}


.nav-desktop-navigation li{
    display: flex;
    width: 49%;
    margin-bottom: 20px;
    margin-right: 2%;
    background-color: #ffffff;
    border: inset red solid;

}

.nav-desktop-navigation li:nth-child(even){
    display: block;
    margin-bottom: 20px;
    width: 49%;
    page-break-after: always;
    break-after: always;
    margin-right: 0 !important;
}

li.nav-desktop-navigation_color01{
    background-color: #ccf5ca; /*VERDE*/
    color: #275b5b;
}
li.nav-desktop-navigation_color02{
    background-color: #f8e2bc; /*LARANJA*/
    color: #c78005;
}
li.nav-desktop-navigation_color03{
    background-color: #def1fd; /*AZUL*/
    color: #2e9adb;
}
li.nav-desktop-navigation_color04{ /*VERMELHO*/
    background-color: #ffdbdd;
    color: #c74046;
}
li.nav-desktop-navigation_color05{/*ABOBORA*/
    background-color: #fdeee9;
    color: #FF8256
}
li.nav-desktop-navigation_color06{/*UVA*/
    background-color: #ead6f9;
    color: #633882;
}
li.nav-desktop-navigation_color15{/*UVA*/
    background-color: #ced0f1;
    color: #5559ac;
}
li.nav-desktop-navigation_color17{/*ROSA INSTAGRAM*/
    background-color: #fdd8e5;
    color: #E1306C;
}
.nav-desktop-navigation-link{
    width: 100%;
}


.nav-desktop-navigation-link-icon{
    float: left;
    display: flex;
    flex: 1;
}


.nav-desktop-navigation-link-text{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%;
    box-sizing: border-box;
    padding: 0 20px;

}

.navMobile{
    display:none;
    margin: 20px 0;
}

.navMobile-navigation{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex: 1;
    font-size: 0.6em;
}


.navMobile-navigation li{
    display: flex;
    margin-bottom: 20px;
    align-self: center;
    width: 90px;
    height: 80px;
    box-shadow: 0 4px 16px rgb(0,0,0, 0.3);
}

.navMobile-navigation-link{
    width: 100%;
    padding: 12px 5px 10px 5px;
    display: block;
    text-align: center;
    border-bottom: 4px solid #e9e9e7;
    color: #fff;
}


.navMobile-navigation-list li{
    width: 100%;
    padding: 0 12px;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 0 4px 16px rgb(0,0,0, 0.3);
    border-bottom: 4px solid #e9e9e7;
    font-size: 0.9em;
}
.navMobile-navigation-list-icone{
    float: left;
    margin-right: 10px;
    padding: 6px 0;
}
.navMobile-navigation-list-icone img{
    max-width: 26px;
}

.navMobile-navigation-list-text{
    float: left;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
}





.navMobile-navigation_color01{
    background: #00b200;
    background: -moz-linear-gradient(top, #00b200 0%, #00b200 77%, #00c90a 90%, #00b200 100%);
    background: -webkit-linear-gradient(top, #00b200 0%,#00b200 77%,#00c90a 90%,#00b200 100%);
    background: linear-gradient(to bottom, #00b200 0%,#00b200 77%,#00c90a 90%,#00b200 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b200', endColorstr='#00b200',GradientType=0 );
}

.navMobile-navigation_color02{
    background: #00bbff;
    background: -moz-linear-gradient(top, #00bbff 0%, #00bbff 77%, #3fccff 90%, #00adf2 100%);
    background: -webkit-linear-gradient(top, #00bbff 0%,#00bbff 77%,#3fccff 90%,#00adf2 100%);
    background: linear-gradient(to bottom, #00bbff 0%,#00bbff 77%,#3fccff 90%,#00adf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbff', endColorstr='#00adf2',GradientType=0 );
}


.navMobile-navigation_color03{
    background: #ffa400;
    background: -moz-linear-gradient(top, #ffa400 0%, #ffa400 77%, #ffb83f 90%, #f98500 100%);
    background: -webkit-linear-gradient(top, #ffa400 0%,#ffa400 77%,#ffb83f 90%,#f98500 100%);
    background: linear-gradient(to bottom, #ffa400 0%,#ffa400 77%,#ffb83f 90%,#f98500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa400', endColorstr='#f98500',GradientType=0 );

}

.navMobile-navigation_color04{
    background: #ff3c44;
    background: -moz-linear-gradient(top, #ff3c44 0%, #ff3c44 77%, #ff686d 90%, #dd3538 100%);
    background: -webkit-linear-gradient(top, #ff3c44 0%,#ff3c44 77%,#ff686d 90%,#dd3538 100%);
    background: linear-gradient(to bottom, #ff3c44 0%,#ff3c44 77%,#ff686d 90%,#dd3538 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3c44', endColorstr='#dd3538',GradientType=0 );
}

.navMobile-navigation_color05 {
    background: #8f3d9a;
    background: -moz-linear-gradient(top, #8f3d9a 0%, #8f3d9a 77%, #96558e 90%, #8b3599 100%);
    background: -webkit-linear-gradient(top, #8f3d9a 0%,#8f3d9a 77%,#96558e 90%,#8b3599 100%);
    background: linear-gradient(to bottom, #8f3d9a 0%,#8f3d9a 77%,#96558e 90%,#8b3599 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f3d9a', endColorstr='#8b3599',GradientType=0 );
}

.navMobile-navigation_color06 {
    background: #1dad7b;
    background: -moz-linear-gradient(top, #1dad7b 0%, #199a6d 75%, #4caa89 88%, #199a6d 100%);
    background: -webkit-linear-gradient(top, #1dad7b 0%,#199a6d 75%,#4caa89 88%,#199a6d 100%);
    background: linear-gradient(to bottom, #1dad7b 0%,#199a6d 75%,#4caa89 88%,#199a6d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dad7b', endColorstr='#199a6d',GradientType=0 );

}

.navMobile-navigation_color07{
    background: #ff8353;
    background: -moz-linear-gradient(top, #ff8353 0%, #ff8353 78%, #ff926b 90%, #ff6f3a 100%);
    background: -webkit-linear-gradient(top, #ff8353 0%,#ff8353 78%,#ff926b 90%,#ff6f3a 100%);
    background: linear-gradient(to bottom, #ff8353 0%,#ff8353 78%,#ff926b 90%,#ff6f3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8353', endColorstr='#ff6f3a',GradientType=0 );
}

.navMobile-navigation_color15{
    background: #9da0d0;
    background: -moz-linear-gradient(top, #969ad8 0%, #969ad8 78%, #9da0d0 90%, #5559ac 100%);
    background: -webkit-linear-gradient(top, #969ad8 0%,#969ad8 78%,#9da0d0 90%,#5559ac 100%);
    background: linear-gradient(to bottom, #969ad8 0%,#969ad8 78%,#9da0d0 90%,#5559ac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969ad8', endColorstr='#5559ac',GradientType=0 );
}

.navMobile-navigation-link-text{
    padding: 5px 0 0 0;
    text-transform: uppercase;

}