@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	color: #777;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
}

div {
	display: block;
}

div#page {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

#head {
	height: 174px;
	text-align: right;
}

#logo, #options {
	display:inline-block;
	height: 100%;
}

#logo {
	background: url(../images/logo.png) no-repeat center center;
	background-size: 100%;
	width: 30%;
	vertical-align: top;
}

#options {
	text-align: right;
	width: 68.7%;
}

#options #socialnet {
	display: block;
	height: 45.9%;
	padding-right: 8px;
}

#options #socialnet a {
	display: inline-block;
	width: 4.5%;
	height: 100%;
	opacity: 0.4;
}

#options #socialnet a:hover {
	opacity: 1;
}

#options #socialnet a#insta {
	background: url(../images/ico_insta.png) no-repeat center center;
	background-size: 68%;
}

#options #socialnet a#face {
	background: url(../images/ico_face.png) no-repeat center center;
	background-size: 68%;
}

#options #socialnet a#twitter {
	background: url(../images/ico_twitter.png) no-repeat center center;
	background-size: 68%;
}

#options #socialnet a#soundcloud {
	background: url(../images/ico_sndcloud.png) no-repeat center center;
	background-size: 68%;
}

#options #socialnet a#youtube {
	background: url(../images/ico_youtube.png) no-repeat center center;
	background-size: 68%;
}

#options #socialnet a#blog {
	background: url(../images/ico_blog.png) no-repeat center center;
	background-size: 68%;
}

hr {
	border-width: 0; 
	height: 1px;
}

#options hr {
	margin: 0;
	width: 100%;
}

#options hr.red {
	margin: 7px 0 0 12px;
}

hr.grey {
	background-color: #aaa;
}

hr.red {
	background-color: #d00;
}

div#menu {
	display: inline-block;
	width: 100%;
	/*height: 48.8%;*/
	overflow: hidden;
}

div#menu a {
	display: inline-block;
	color: #999;
	font: bold 99% Arial, Helvetica, sans-serif;
	padding: 2.17% 1.5% 2.17% 1.8%;
	text-decoration: none;
	text-transform: uppercase;
}

div#menu a:hover {
	background: #d00;
	color: #fff;
}

div#menu a.on {	
	background: #fff;
	color: #c00;
	cursor: default;
}

#mainphoto {
	background: url(../images/top01.jpg) no-repeat top right;
	animation: mainphotochange 30s ease 5s infinite normal;
	background-size: 100%;
	padding: 13.05%;
}

#pagephoto {
	background: url(../images/top-int01.jpg) no-repeat top right;
	animation: pagephotochange 30s ease 5s infinite normal;
	background-size: 100%;
	padding: 7.82%;
}

div#menu-mobile {
	display: none;
}

#menu-mobile .menu-drop {
    background-color: #fff;
    color: #999;
    padding: 5.15% 1.5% 5.15% 1.8%;
    font: bold 132% Arial, Helvetica, sans-serif;
	width: 100%;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
}

#menu-mobile #menu-mb-cont {
    display: none;
    position: absolute;
    background-color: #d00;
	color: #999;
    width: 100%;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
    z-index: 1;
}

#menu-mobile #menu-mb-cont a {
    color: #fff;
    font: bold 124% Arial, Helvetica, sans-serif;
	padding: 2.15% 1.5% 2.15% 1.8%;
	text-decoration: none;
	text-transform: uppercase;
    display: block;
}

#menu-mobile #menu-mb-cont a:hover {background-color: #800;}

#menu-mobile:hover #menu-mb-cont {display: block;}

#menu-mobile:hover .menu-drop {background-color: #d00; color: #fcc;}

@keyframes mainphotochange {
   0%   {background-image: url(../images/top01.jpg);}
   18%  {background-image: url(../images/top02.jpg);}
   36%  {background-image: url(../images/top03.jpg);}
   54%  {background-image: url(../images/top04.jpg);}
   72%  {background-image: url(../images/top05.jpg);}
   90%  {background-image: url(../images/top06.jpg);}
   100% {background-image: url(../images/top01.jpg);}
}

@keyframes pagephotochange {
   0%   {background-image: url(../images/top-int01.jpg);}
   18%  {background-image: url(../images/top-int02.jpg);}
   36%  {background-image: url(../images/top-int03.jpg);}
   54%  {background-image: url(../images/top-int04.jpg);}
   72%  {background-image: url(../images/top-int05.jpg);}
   90%  {background-image: url(../images/top-int06.jpg);}
   100% {background-image: url(../images/top-int01.jpg);}
}

@keyframes mobilephotochange {
   0%   {background-image: url(../images/top-mobile01.jpg);}
   18%  {background-image: url(../images/top-mobile02.jpg);}
   36%  {background-image: url(../images/top-mobile03.jpg);}
   54%  {background-image: url(../images/top-mobile04.jpg);}
   72%  {background-image: url(../images/top-mobile05.jpg);}
   90%  {background-image: url(../images/top-mobile06.jpg);}
   100% {background-image: url(../images/top-mobile01.jpg);}
}

div#content {
	font: normal 58% Arial, Helvetica, sans-serif;
	line-height: 1.4;
	vertical-align: top;
	overflow: hidden;
}

div#content a.destaque-home {
	display: inline-block;
	background: no-repeat top center;
	width: 19.42%;
	padding: 16% 2% 2%;
	color: #222;
	text-align: center;
	border: solid 1px #444;
	border-radius: 0 50px 0 50px;
	font-size: 120%;
	text-decoration: none;
	vertical-align: top;
	opacity: 0.6;
}

div#content a.destaque-home:hover {
	opacity: 1;
	border: solid 1px #d00;
}

div#content a.destaque-home span {
	font-weight: bold;
}

div#content a.destaque-home:hover span {
	color: #c00;
}

div#content a.destaque-home.portfolio {
	background-image: url(../images/dest-home_portfolio.png);
	background-size: 90%;
}

div#content a.destaque-home.audio {
	background-image: url(../images/dest-home_audio.png);
	background-size: 95%;
}

div#content a.destaque-home.videos {
	background-image: url(../images/dest-home_videos.png);
	background-size: 100%;
}

div#content a.destaque-home.partituras {
	background-image: url(../images/dest-home_partituras.png);
	background-size: 90%;
}

div#content a.destaque-home.portfolio,
div#content a.destaque-home.audio,
div#content a.destaque-home.videos {
	margin-right: 1.7%;
}

div#content, div#footer {
	display: block;
	margin: 1.82% 1.04% 1.04% 1.82%;
}

div#content.portfolio div#texto {
	margin: 0;
	display: inline-block;
	width: 43%;
	color: #555;
	vertical-align: top;
}

div#content.portfolio div#texto span,
div#content.portfolio a {
	font-weight: bold;
	text-decoration: none;
	color: #777;
}

div#content.portfolio a:hover {
	color: #d00;
}

div#content.portfolio ul li {
	margin: 0 0 2.5%;
	font-weight: bold;
}

div#content.portfolio ul li ul li {
	margin: 0.5% 0;
	font-weight: normal;
	line-height: 1.2;
}

div#content.portfolio div#texto ul li ul li span {
	font-weight: normal;
	font-style: italic;
	font-size: 90%;
}

div#content.portfolio div#photos {
	display: inline-block;
	width: 56.7%;
	vertical-align: top;
	text-align: right;
}

div#content.portfolio div#photos img {
	border: solid 5px #f9f9f9;
	margin: 0 1.1% 2.2%;
	display: inline-block;
	box-shadow: #bbb 2px 2px 3px 2px;
	width: 21.5%;
	filter: grayscale(100%);
	opacity: 0.7;
	cursor: pointer;
}

div#content.portfolio div#photos img:hover {
	filter: grayscale(0%);
	opacity: 1.0;
}

div#content.portfolio div#photos img a {
	margin: 0;
	display: inline-block;
}

div#content p {
	margin: 0;
}

div#content.audio {
	margin: 1.2% 1.04% 1.04% 1.82%;
}

div#content.audio div.col50 {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

div#content.audio div.col50.left {
	margin-right: 3%;
}

div#content.audio div.col50 iframe {
	width: 100%;
	margin: 2.5% 0;
}

div#content.audio div.col50 iframe.bottom {
	margin: 2.5% 0 0;
}

div#content.audio div.col50 span {
	font: normal 80% Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: -2.1% 0.5% 0;
	float: right;
	text-align: right;
	z-index: 9999999999;
}

div#content.audio div.col50 span.bottom {
	margin: 0.5% 0.5% 0;
}

div#content.videos p {
	margin: 0 0 1.75% 0;
	font-size: 105%;
}

div#content.videos a.video-item {
	width: 28%;
	padding: 2%;
	color: #777;
	border: solid 1px #777;
	border-radius: 0 50px 0 50px;
	font-size: 90%;
	text-decoration: none;
	vertical-align: top;
	opacity: 0.8;
	margin-bottom: 1.5%;
	cursor: pointer;	
}

div#content.videos a.video-item.pc,
div#content.partituras div.col.pc,
div#content.contato div.col.pc {
	display: inline-block;
}

div#content.videos a.video-item.mobile {
	display: none;
}

div#content.videos a.video-item.mg-side,
div#content.partituras div.col.mg-side,
div#content.contato div.col.mg-side {
	margin-right: 1.5%;
}

div#content.videos a.video-item.base {
	margin-bottom: 0;
}

div#content.videos a.video-item:hover {
	background: #fff9f5;
	border: solid 1px #d00;
	color: #555;
	opacity: 1.0;
}

div#content.videos a.video-item span {
	font-size: 140%;
	font-weight: bold;
	display: inline;
	vertical-align: top;
	margin: 0;
}

div#content.videos a.video-item:hover span {
	color: #c00;
}

div#content.videos a.video-item img {
	display: inline-block;
	margin: 0 1.5% 1.5% 0;
	width: 42%;
	border-left: solid 3px #333;
	border-right: solid 3px #333;
	border-top: dashed 10px #333;
	border-bottom: dashed 10px #333;
	vertical-align: top;
}

div#content.videos a.video-item div {
	display: inline-block;
	width: 54%;
	vertical-align: top;
	margin-top: -1.5%;
	line-height: 1.7;
}

div#content.partituras div.col,
div#content.contato div.col {
	padding: 2% 0;
	color: #777;	
	border-radius: 0 50px 0 50px;
	font-size: 90%;
	vertical-align: top;
	overflow: hidden;	
}

div#content.partituras div.col {
	width: 32%;
	border: solid 1px #999;
}

div#content.contato div.col {
	width: 49%;
	border: solid 1px #aaa;
	padding-bottom: 0.5%;
}

div#content.partituras div.col h1,
div#content.contato div.col h1 {
	font: lighter 300% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	display: block;
}

div#content.partituras div.col h1 {
	margin: 0 0 6% 7%;
}

div#content.contato div.col h1 {
	margin: 0 0 6% 5%;
}

div#content.partituras div.col a {
	background: #fff url(../images/ico_partitura.png) top left no-repeat;
	background-size: 27.05%;
	display: block;
	margin: 4% 0 0;
	padding: 1% 10% 1.5% 28%;
	color: #777;
	font: bold 240% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

div#content.partituras div.col a:hover {
	background: #fdd url(../images/ico_partitura.png) top left no-repeat;
	background-size: 27.05%;
	color: #b00;
}

div#content.partituras div.col a div {
	display: block;
	font: normal 42% Arial, Helvetica, sans-serif; !important
	line-height: 110%;
	margin-top: 5%;
}

div#content.contato div.col a {
	display: inline-block;
	padding: 13%;
	margin-top: -2.3%;
	margin-left: 5.1%;
	border: solid 1px #999;
}

div#content.contato div.col a:hover {
	border: solid 1px #d00;
	box-shadow: 0px 0px 50px #d00;

}

div#content.contato div.col a.bottom {
	margin-bottom: 5.6%;
}

div#content.contato div.col a#insta {
	background: url(../images/contato_insta_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#insta:hover {
	background: url(../images/contato_insta.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#face {
	background: url(../images/contato_face_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#face:hover {
	background: url(../images/contato_face.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#soundcloud {
	background: url(../images/contato_soundcloud_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#soundcloud:hover {
	background: url(../images/contato_soundcloud.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#blog {
	background: url(../images/contato_blog_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#blog:hover {
	background: url(../images/contato_blog.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#youtube {
	background: url(../images/contato_youtube_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#youtube:hover {
	background: url(../images/contato_youtube.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#twitter {
	background: url(../images/contato_twitter_ov.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#twitter:hover {
	background: url(../images/contato_twitter.png) no-repeat center center;
	background-size: 100%;
}

div#content.contato div.col a#email {
	display: block;
	font: bold 400% Arial, Helvetica, sans-serif;
	color: #c00;
	text-decoration: none;
	border: 0;
	padding: 0;
}

div#content.contato div.col a#email:hover {
	text-decoration: underline;
	box-shadow: 0px 0px 00px #fff;
}

div#content.contato div.col div.tel {
	padding: 5% 5% 0;
	font-size: 300%;
	color: #999;
}

div#content.contato div.col div.blank {
	padding: 14.5% 5%;
}

div#footer {
	border-top: solid 1px #999;
	padding: 1.5% 0 0.5%;
	font: normal 50% Arial, Helvetica, sans-serif; !important
	color: #999;
	text-align: center;
	letter-spacing: 0.15em;
}

@media only screen and (max-width: 1740px) {
	#head {height: 158px;}
	#options hr.red {margin: 6px 0 0 11px;}	
	div#menu a {font-size: 90.6%;}
	div#content {font-size: 57%;}
	div#content.audio div.col50 span {font: normal 78% Arial, Helvetica, sans-serif;}	
	div#content.portfolio div#photos img {margin: 0 0.85% 1.7%;}
}

@media only screen and (max-width: 1680px) {
	#head {height: 152px;}
	#options hr.red {margin: 6px 0 0 11px;}
	div#menu a {font-size: 87.5%;}	
	div#content {font-size: 56%;}
	div#content.audio div.col50 span {font: normal 74% Arial, Helvetica, sans-serif;}
}

@media only screen and (max-width: 1600px) {
	#head {height: 145px;}
	#options hr.red {margin: 6px 0 0 10px;}	
	div#menu a {font-size: 82.3%;}
	div#content {font-size: 55%;}	
	div#content a.destaque-home {width: 19.4%}
	div#content.contato div.col {width: 48.7%;}
	div#content.audio div.col50 span {font: normal 72% Arial, Helvetica, sans-serif;}
}

@media only screen and (max-width: 1440px) {
	#head {height: 130px;}
	#options hr.red {margin: 5px 0 0 9px;}
	div#menu {margin-top: -1px;}
	div#menu a {font-size: 75%;}
	div#content {font-size: 54%;}
	div#content.audio div.col50 span {font: normal 70% Arial, Helvetica, sans-serif;}
	div#content.contato div.col {width: 49%;}
}

@media only screen and (max-width: 1400px) {
	#head {height: 127px;}
	div#menu {margin-top: 0;}
	div#menu a {font-size: 72.9%;}
	div#content {font-size: 53%;}
	div#content.audio div.col50 span {font: normal 68% Arial, Helvetica, sans-serif;}
	div#content.contato div.col {width: 48.7%;}
}

@media only screen and (max-width: 1366px) {
	#head {height: 124px;}
	div#menu {margin-top: 0;}
	div#menu a {font-size: 71.1%;}
	div#content {font-size: 52%;}
	div#content a.destaque-home {width: 19.3%}
	div#content.audio div.col50 span {font: normal 67% Arial, Helvetica, sans-serif;}
	div#content.videos a.video-item {font-size: 75%; padding: 2% 2% 2.5%;}
	div#content.partituras div.col a {font-size: 210%;}
	div#content.partituras div.col a div {font: normal 38% Arial, Helvetica, sans-serif; !important}
	div#content.contato div.col div.blank {padding: 12% 5%;}
}

@media only screen and (max-width: 1360px) {
	#head {height: 123px;}
	div#menu {margin-top: -1px;}
	div#menu a {font-size: 70.8%;}
}

@media only screen and (max-width: 1280px) {
	#head {height: 116px;}
	div#menu {margin-top: 0;}
	div#menu a {font-size: 66.7%;}
}

@media only screen and (max-width: 1080px) {
	#head {
		height: 174px;
	}
	
	#logo {
		width: 55%;
	}
	
	#options {
		width: 44%;
	}
	
	#options #socialnet a {
		width: 12%;
		opacity: 0.5;
	}

	#options hr.red {
		margin: 7px 0 0 12px;
	}
	
	div#menu {
		display: none;
	}
	
	div#menu-mobile {
    	display: inline-block;
		width: 456px;
		text-align: center;
		position: relative;
		opacity: 0.9;
	}
	
	#mainphoto, #pagephoto {
		background: url(../images/top-mobile01.jpg) no-repeat top right;
		animation: mobilephotochange 30s ease 5s infinite normal;
		background-size: 100%;
		padding: 23.2%;
	}
	
	div#content {font-size: 75%; margin: 3%;}
	
	div#content a.destaque-home {width: 44%; padding: 31% 2% 2%;}
	
	div#content a.destaque-home.portfolio,
	div#content a.destaque-home.audio {margin-bottom: 3%;}
	
	div#content a.destaque-home.audio,
	div#content a.destaque-home.partituras {margin-right: 0;}
	
	div#content.audio div.col50 {width: 99%;}
	div#content.audio div.col50 span {font-size: 70%;}
	
	div#content a.destaque-home.portfolio,
	div#content a.destaque-home.videos {margin-right: 3%;}
	
	div#content.portfolio {margin: 2% 1.5% 2% 2.5%;}
	
	div#content.portfolio div#texto {width: 51%;}
	
	div#content.portfolio div#photos {width: 48%;}
	
	div#content.portfolio div#photos img {width: 28.5%;}
	
	div#content.videos p {margin: 0 0 3.5% 0; font-size: 130%;}
	
	div#content.videos a.video-item {width: 95%; font-size: 130%;}
	
	div#content.videos a.video-item span {font-size: 170%;}
		
	div#content.videos a.video-item.pc {display: none;}
	
	div#content.videos a.video-item.mobile,
	div#content.partituras div.col {display: block; margin-bottom: 3.5%;}
	
	div#content.videos a.video-item.mobile.base {margin-bottom: 0;}
	
	div#content.partituras div.col {width: 99%; font-size: 140%;}
	
	div#content.partituras div.col h1 {margin: 4% 0 6% 7%;}
	
	div#content.partituras div.col h1 {color:#777;}
	div#content.contato div.col h1 {color:#555;}
	
	div#content.partituras div.col {border: solid 1px #777;}
	div#content.contato div.col {border: solid 1px #555;}
	
	div#content.partituras div.col a {font-size: 200%;}
	
	div#content.partituras div.col a div {font: normal 15% Arial, Helvetica, sans-serif; !important}

	div#content.contato div.col {width: 99.5%;}
	
	div#content.contato div.col h1 {margin-top: 1.5%; font-size: 400%;}
	
	div#content.contato div.col.mobile {margin-bottom: 4%;}
	
	div#content.contato div.col div.blank {padding: 1.5%;}
	
	div#footer {font-size: 80%; !important}
}

@media only screen and (max-width: 960px) {
	#head {height: 155px;}	
	#options hr.red {margin: 6px 0 0 11px;}	
	div#menu-mobile {width: 404px;}	
	#menu-mobile .menu-drop {font-size: 117.3%;}
	#menu-mobile #menu-mb-cont a {font-size: 110.2%;}
	div#content {font-size: 46%;}
}

@media only screen and (max-width: 800px) {
	#head {height: 129px;}	
	#options hr.red {margin: 5px 0 0 9px;}	
	div#menu-mobile {width: 336px;}		
	#menu-mobile .menu-drop {font-size: 97.7%;}
	#menu-mobile #menu-mb-cont a {font-size: 91.8%;}
	div#content {font-size: 44%;}
	div#content.portfolio div#photos img {width: 28%; border-width: 4px;}
	div#content.audio div.col50 {width: 100%; display: block;}
	div#content.audio div.col50.left {margin: 0;}
}

@media only screen and (max-width: 768px) {
	#head {height: 124px;}	
	#options hr.red {margin: 5px 0 0 9px;}	
	div#menu-mobile {width: 321px;}		
	#menu-mobile .menu-drop {font-size: 93.8%;}
	#menu-mobile #menu-mb-cont a {font-size: 88.1%;}
	div#content {font-size: 42%;}
}

@media only screen and (max-width: 720px) {
	#head {height: 116px;}	
	#logo {width: 54%;}	
	#options hr.red {margin: 5px 0 0 8px;}	
	div#menu-mobile {width: 301px;}		
	#menu-mobile .menu-drop {font-size: 88%;}
	#menu-mobile #menu-mb-cont a {font-size: 82.6%;}
	div#content {font-size: 40%;}
}

@media only screen and (max-width: 640px) {
	#head {height: 103px;}	
	#options hr.red {margin: 4px 0 0 7px;}	
	div#menu-mobile {width: 270px;}	
	#menu-mobile .menu-drop {font-size: 78.2%;}
	#menu-mobile #menu-mb-cont a {font-size: 73.4%;}
	div#content {font-size: 28%;}
}

@media only screen and (max-width: 600px) {
	#head {height: 97px;}	
	#options hr.red {margin: 4px 0 0 7px;}	
	div#menu-mobile {width: 250px;}		
	#menu-mobile .menu-drop {font-size: 73.3%;}
	#menu-mobile #menu-mb-cont a {font-size: 68.8%;}
	div#content {font-size: 52%; margin: 3%;}
	div#content a.destaque-home {width: 93%; padding: 64% 3% 3%;}
	div#content a.destaque-home.audio,
	div#content a.destaque-home.videos {margin-right: 0; margin-bottom: 3%;}
	div#content a.destaque-home.partituras {margin-right: 0; margin-bottom: 1%;}
	div#content.portfolio div#photos img {width: 44%;}
}

@media only screen and (max-width: 540px) {
	#head {height: 87px;}	
	#logo {width: 53%;}	
	#options hr.red {margin: 4px 0 0 6px;}	
	div#menu-mobile {width: 225px;}	
	#menu-mobile .menu-drop {font-size: 66%;}
	#menu-mobile #menu-mb-cont a {font-size: 62%;}
	div#content {font-size: 46.8%;}
	div#footer {font-size: 25%;}
}

@media only screen and (max-width: 480px) {
	#head {height: 77px;}	
	#options hr.red {margin: 3px 0 0 5px;}	
	div#menu-mobile {width: 295px;}	
	#menu-mobile .menu-drop {font-size: 58.6%;}
	#menu-mobile #menu-mb-cont a {font-size: 55.1%;}
	div#content {font-size: 41.6%;}
	div#footer {font-size: 22.3%;}
}

@media only screen and (max-width: 320px) {
	#head {height: 52px;}	
	#options hr.red {margin: 2px 0 0 4px;}	
	div#menu-mobile {width: 130px;}	
	#menu-mobile .menu-drop {font-size: 39.1%;}
	#menu-mobile #menu-mb-cont a {font-size: 36.7%;}
	div#content {font-size: 27.7%;}
	div#footer {font-size: 14.8%;}
}

@media only screen and (max-width: 240px) {
	#head {height: 39px;}	
	#options hr.red {margin: 2px 0 0 3px;}	
	div#menu-mobile {width: 97px;}	
	#menu-mobile .menu-drop {font-size: 29.3%;}
	#menu-mobile #menu-mb-cont a {font-size: 27.5%;}
	div#content {font-size: 20.8%;}
	div#footer {font-size: 11.2%;}
}