div.main-menu.table {box-sizing: border-box;position: absolute;top: 0;left: 25px;right:25px;z-index: 9;background-color: white;padding-top:110px;height: 100vh;}
div.main-menu div.inside-main-menu {width: 100%;display:block;margin:0 auto;max-width: 1440px;}
div.main-menu.table div.row {display: inline-block;width: 100%;box-sizing: border-box;position:relative;margin-bottom:15px;}
div.main-menu.table div.row:last-child{margin-bottom:0;}
div.main-menu.table div.row div.cell.last {position:absolute;bottom:0;}
div.main-menu.table div.row div.cell {display: inline-block;width: 33.333%;box-sizing: border-box;float:left;}
div.main-menu.table div.row div.cell ul {margin-bottom:0;}
div.main-menu.table div.row div.cell ul li {list-style: none;margin:0;padding:0;}
div.main-menu div.menu-section-title, div.main-menu button.menu-section-title {font-family: 'TheinhardtBold';color:#A7A7A7;font-size:32px;line-height:36px;}
div.main-menu li a.sub_link {font-family: 'TheinhardtBold';color:#000000;font-size:32px;line-height:36px;}
div.main-menu li a.sub_link:hover {color:#717070;}
div.main-menu li a.sub_link.outgoing::after {content: "\2197";padding-left:10px;}
div.main-menu .circles a, div.top-section .circles a {font-family: 'TheinhardtMedium';color:#000000;font-size:24px;text-transform:uppercase;width: 100px;height: 100px;display: inline-block;text-align: center;border: 3px solid #EF3340;border-radius: 50%;line-height: 100px;margin-right:10px;text-decoration: none;}
div.main-menu .circles a:hover, div.top-section .circles a:hover {background-color:#EF3340;color:#FFFFFF;}

/* Resource duplicated (footer) */
div.main-menu .resource {font-family: 'TheinhardtRegular';display:inline-block;width:100%;box-sizing: border-box;border: 2px solid;padding: 15px 25px;margin-top: 10px;}
div.main-menu .resource:hover {background:#000000;color:#FFFFFF;}
div.main-menu .resource a {display:block;color:#343434;font-size:30px;text-transform:uppercase;line-height:36px;width:100%;height:100%;}
div.main-menu .resource:hover a {background:#000000;color:#FFFFFF;}
div.main-menu .resource a:hover {color:#FFFFFF;}
div.main-menu .resource a::after {content: "\2192";float: right;font-size: 40px;line-height:30px;}

@media (max-width: 768px) {
	body.overflow {overflow:hidden;}
	div.main-menu.table {
		left: 0;
		right: 0;
		overflow-y: scroll;
	}

	div.main-menu div.inside-main-menu {
		width: calc(100% - 50px);
		position: relative;
    	height: 100%;
	}

	div.main-menu.table div.row {margin-bottom:0;}
	div.main-menu.table div.row div.cell {
		width: 99%;
		float:none;
	}
	div.main-menu.table div.menu-section-title, div.main-menu.table button.menu-section-title {cursor: pointer;color: #000000;font-size: 26px;line-height: 30px;}

	div.main-menu.table ul.sub-menu {display:none;margin-left: 20px;}

	div.main-menu li a.sub_link {font-size: 26px;line-height: 30px;}

	div.main-menu.table div.row div.cell.last {
	    position: relative;
	    bottom: 0;
	    margin-top: 25px;
	}

	div.main-menu .circles a {
	    font-family: 'TheinhardtMedium';
	    color: #343434;
	    font-size: 20px;
	    width: 80px;
	    height: 80px;
	    display: inline-block;
	    text-align: center;
	    border: 3px solid #EF3340;
	    border-radius: 50%;
	    line-height: 80px;
	    margin-right: 10px;
	}

	div.main-menu .resource a {
	    display: block;
	    color: #343434;
	    font-size: 22px;
	    line-height: 26px;
	    width: 100%;
	    height: auto;
	}

	div.main-menu .resource a::after {
	    content: "\2192";
	    float: right;
	    font-size: 28px;
	    line-height: 24px;
	}
	
	.menu-open {
		display: none;
		z-index: 0;
	}
}