/* Logo CSS */
.img-br-logo {
	max-width: 3.2em;
	max-height: 3.2em;
	/*height: 100%;
	width: 100%;*/
	margin: -1.1em 0.2em 0.0em 0.5em;
}

.logo-rotate{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 0.2s;
	transition-direction:reverse;
	-webkit-transition-direction:reverse;
	-moz-transition-direction:reverse;
}
.logo-rotate:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 0.5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}

.toplogo {
    font-family: np_naipol_b, sans-serif;
	font-size: 2.9em;
	font-weight: 300;
	text-transform: none;
}

.toplogo-subtitle {
	font-family: Open Sans, Consolas, Helvetica, sans serif;
	font-size: 1.5em;
}

.logo {
	font-family: np_naipol_b, Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
	font-size: 1.1em;
}

.robotics {
    color: black;
}

.robotics-white {
		color: #eee;
}

.blue {
    color:rgb(38,153,208);    
    /*color:rgb(103,152,208); /*rgb(39,168,255);*/
}

@media(max-width: 1200px) {
	.img-br-logo {
		max-width: 2.0em;
		max-height: 2.0em;
	}
	.toplogo {
		font-size: 1.7em;
	}
	.toplogo-subtitle {
		font-size: 1.1em;
	}
}

@media(max-width: 480px) {
	.img-br-logo {
		max-width: 1.7em;
		max-height: 1.7em;
	}
	.toplogo {
		font-size: 1.2em;
	}
	.toplogo-subtitle {
		font-size: .8em;
	}
}