.push-body {
    position: relative;
    left: 0;
}

.cbp-spmenu {
   	background-color:#4C779B;
    position: fixed;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

.cbp-spmenu-right.menu-open {
    right: 0px;
}

.cbp-spmenu-vertical {
	height:100%;
	top:0;
	z-index: 1000;
	overflow-x:hidden;
	overflow-y:hidden;
}

/* Transitions */
.cbp-spmenu,
.push-body {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

/* *****************************************/

.toggle-content{
	background-color:#4C779B;
	height:100%;
}

.toggle-header{
	width:100%;
	text-align:center;
	/*border-bottom:1px solid #FFFFFF;*/
}

.toggle-option {
	width:100%;
}

.toggle-option .text {
	font-family: 'big-noodle-titling';
	color:#FFFFFF;
	/*border-bottom:1px solid #FFFFFF;*/
	width:100%;
}

.toggle-option .text a {
	color:#FFFFFF;
}

.toggle-option .text .nombre{
	float:left;
}

.toggle-option .text .simbolo{
	float:right;
}

.toggle-option-second {
	width:100%;
	background-color:#FFFFFF;
}

.toggle-option-second .text {
	font-family: 'big-noodle-titling';
	color:#008FCB;
	border-bottom:1px solid #4C779B;
}

.toggle-option-second .text a {
	color:#4C779B;
}


@media only screen and (max-width: 31.1875em) { /* max-width 499px, small screens [MOBILE] */
	
	.cbp-spmenu .content {
		/*width:130px; /* 170 - (40 = canvas width) = 130 */
		width:170px;
	}
	
	.cbp-spmenu-vertical {
		width: 170px;
	}
	
	.cbp-spmenu-right {
		right: -170px;
	}
	
	.push-body-toright {
		left: 170px;
	}
	
	.push-body-toleft {
		left: -170px;
	}

	/* ========================== */
	
	.toggle-header img{
		padding:10px 0;
		width:90%;
	}
	
	.toggle-option {
		padding:0;
	}
	
	.toggle-option .text {
		font-size:1.4rem;
		line-height:1rem;
		padding:10px 0 10px 15px;
	}
	
	.toggle-option .text .simbolo{
		font-size:0.8rem; 
		line-height:1rem;
		padding-right:5px;
	}
	
	.toggle-option-second {
		padding:0;
	}
	
	.toggle-option-second .text {
		font-size:1rem;
		line-height:1rem;
		padding:10px 0 10px 15px;
	}
	
}

@media only screen and (min-width: 31.25em) { /* min-width 500px, small screens [TABLETS] */
	
	.cbp-spmenu .content {
		/*width:150px; /* 190 - (40 = canvas width) = 150 */
		width:190px;
		margin-top:12px;
	}
	
	.cbp-spmenu-vertical {
		width: 190px;
	}
	
	.cbp-spmenu-right {
		right: -190px;
	}
	
	.push-body-toright {
		left: 190px;
	}
	
	.push-body-toleft {
		left: -190px;
	}

	/* ========================== */
	
	.toggle-header img{
		padding:10px 0;
		width:90%;
	}
	
	.toggle-option {
		padding:0;
	}
	
	.toggle-option .text {
		font-size:1.7rem;
		line-height:1rem;
		padding:10px 0 10px 15px;
	}
	
	.toggle-option .text .simbolo{
		font-size:1.1rem; 
		line-height:1rem;
		padding-right:5px;
	}
	
	.toggle-option-second {
		padding:0;
	}
	
	.toggle-option-second .text {
		font-size:1.3rem;
		line-height:1rem;
		padding:10px 0 10px 15px;
	}
		
}