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

::selection {background:#fff;color:#000;text-shadow:none;}
::-webkit-selection {background:#fff;color:#000;text-shadow:none;}
::-moz-selection {background:#fff;color:#000;text-shadow:none;}

*
{
	outline: none;
	font-family: 'Raleway', serif;
	color:#fff;
	overflow:auto;
	text-decoration: none;
}

body
{
	font-size:14px;
	width: 100%;
	height: 100%;
	margin: 0;
	azimuth:center;
	outline: none;
	background-color:#0f0f14;
	outline: none;
	color:#fff;
	overflow:auto;
	line-height: 1em;
}

/*.welcomText a
{
	opacity:.5;
}

.welcomText a:hover
{
	opacity:1;
	transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out;
}*/

.menu
{
	margin-left:0px;
	font-size:17px;
	overflow:hidden;
}

.menuText :before
{
	content:"┃ ";
	overflow:hidden;
	line-height: 1.5em;
}

.menu a:hover
{
	color:#000;
	background-color:#fff;
	overflow:hidden;
}

.boContent img
{
	margin:10px;
	opacity:.4;
	/*border-bottom:6px solid white;*/
	transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out;
}

.boContent img:hover
{
	opacity:1;
	/*border-bottom:6px solid white;*/
	transition: margin .35s ease-in-out;
    -moz-transition: margin .35s ease-in-out;
    -webkit-transition: margin .35s ease-in-out;
}

.boContent
{
	margin-top:20px;
}

.blabla
{
	line-height: 1.5em;
}

#logo
{
	margin-left: auto;
    margin-right: auto;
    azimuth: center;
    text-align: center;
    overflow:hidden;
}

#logo img
{
	opacity: 0.5;
	transition: opacity .35s ease-in-out;
    -moz-transition: opacity .35s ease-in-out;
    -webkit-transition: opacity .35s ease-in-out;	
}

#logo img:hover
{
	opacity: 1;
	transition: opacity .10s ease-in-out;
    -moz-transition: opacity .10s ease-in-out;
    -webkit-transition: opacity .10s ease-in-out;	
}

}

@media (max-device-width:768px) and (orientation: landscape) {
  html
  {
	   -webkit-text-size-adjust: 100%;
  }
}