::selection{
background: #803B1B;
color: #FFF;
}
body{
background: #F3EDE6;
}
.main-navbar:before, .main-navbar:after {
position: absolute;
opacity: .8;
z-index: 50;
-webkit-transition: ease .3s;
-o-transition: ease .3s;
transition: ease .3s; 
}
@media screen and (min-width: 768px) {
.main-navbar:before, .main-navbar:after {
content: ""; 
} 
}
.main-navbar:before {
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: .2em 50em 0 0;
border-color: #D57F0E transparent transparent transparent; 
}
.main-navbar:after {
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 .3em 35em;
border-color: transparent transparent #306e59 transparent; 
}
.btn-menu {transform: scale(0.95);}