/* MOBILE PORTRAIT */
body {
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ff009b;
	margin-top: 0px;
	margin-right: 0px;
}
body,td,th {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 400;
	color: #fff;
	line-height: 120%;
}
a:link {
	color: #ff009b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ff009b;
}
a:hover {
	text-decoration: none;
	color: #32929e;
}
a:active {
	text-decoration: none;
	color: #32929e;
}
TT1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #ff86d0;
	font-size: 35pt;
	font-weight: 100;
	line-height: 110%;
}
TT2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #ff86d0;
	font-size: 25pt;
	font-weight: 200;
	line-height: 115%;
}
TT3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #cd9aa1;
	font-size: 20pt;
	font-weight: 200;
	line-height: 120%;
}
TT4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 20pt;
	font-weight: 100;
	line-height: 120%;
}
ST1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #ff86d0;
	font-size: 16pt;
	font-weight: 200;
	line-height: 120%;
}
ST2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #ff86d0;
	font-size: 14pt;
	font-weight: 200;
	line-height: 120%;
}
ST3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14pt;
	font-weight: 200;
	line-height: 120%;
}
ST4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #ff86d0;
	font-size: 14pt;
	font-weight: 400;
	line-height: 120%;
}
CopyW {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #fff;
	line-height: 120%;
}
.bg {
    right: 0;
    position: fixed;
    top: 0;
	height: 100%;
    z-index: -5000;
}
.bgs {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
	height: 100%;
    z-index: -5000;
}
.graphicsBG {
	background-image: url("fabiogIMG17/fabiog17_BACKGS_Graphics.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
}
.photosBG {
	background-image: url("fabiogIMG17/fabiog17_BACKG_Photos.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
}
.staialto {
	position: fixed;
	top: 0;
	margin:auto;
	width:100%;
}
.staibasso {
	position: fixed;
	bottom: 0;
	margin:auto;
	width:100%;
}
.contenuto {
	vertical-align: middle;
	margin-left:9px;
	margin-right:9px;
}
.portfolio {
	vertical-align: middle;
	margin-left:9px;
	margin-right:9px;
}
.imgport {
    max-width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.imgport:hover {
    max-width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.news {
    max-width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.news:hover {
    max-width: 100%;
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.pinguino {
	height: 60px;
	width: auto;
}


/* Nasconde le azioni da non mettere in smartphone */

.bgs {
 display: block;
}
.bg {
 display: none;
}


/* ===== Breakpoint ===== */

/* TABLET */
@media only screen and (min-width: 600px) {

/* Mostra di nuovo le azioni nascoste */

.bg {
 display: block;
}
.bgs {
 display: none;
}

 body {
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #eaeaea;
	margin-top: 0px;
	margin-right: -200px;
 }
 body,td,th {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: 400;
	color: #333333;
	line-height: 120%;
}
a:link {
	color: #ff009b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ff009b;
}
a:hover {
	text-decoration: none;
	color: #32929e;
}
a:active {
	text-decoration: none;
	color: #32929e;
}
TT1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 50pt;
	font-weight: 100;
	line-height: 110%;
}
TT2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 35pt;
	font-weight: 200;
	line-height: 115%;
}
TT3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 20pt;
	font-weight: 200;
	line-height: 120%;
}
TT4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 20pt;
	font-weight: 100;
	line-height: 120%;
}
ST1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 16pt;
	font-weight: 200;
	line-height: 120%;
}
ST2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 14pt;
	font-weight: 200;
	line-height: 120%;
}
ST3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14pt;
	font-weight: 200;
	line-height: 120%;
}
ST4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 12pt;
	font-weight: 400;
	line-height: 120%;
}
CopyW {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 400;
	color: #333333;
	line-height: 120%;
}
.bg {
    right: -45%;
    position: fixed;
    top: 0;
	height: 100%;
    z-index: -5000;
}
.graphicsBG {
	background-image: url("fabiogIMG17/fabiog17_BACKG_Graphics.jpg");
    background-repeat: no-repeat;
    top: 0;
    right: -45%;
    background-attachment: fixed;
    height: 100%;
}
.photosBG {
	background-image: url("fabiogIMG17/fabiog17_BACKG_Photos.jpg");
    background-repeat: no-repeat;
    top: 0;
    right: -35%;
    background-attachment: fixed;
    height: 100%;
}
.staialto {
	position: fixed;
	top: 0;
	margin:auto;
	width:100%;
}
.staibasso {
	position: fixed;
	bottom: 0;
	margin:auto;
	width:100%;
}
.contenuto {
	vertical-align: middle;
	margin-left: 35px;
	margin-right: 35%;
}
.portfolio {
	vertical-align: middle;
	margin-left:35px;
	margin-right:35px;
}
.imgport {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.imgport:hover {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.news {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.news:hover {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.pinguino {
	height: 75px;
	width: auto;
}
}

/* BIG LANDSCAPE */
@media only screen and (min-width: 1100px) {

/* Mostra di nuovo le azioni nascoste */

.bg {
 display: block;
}
.bgs {
 display: none;
}

 body {
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #eaeaea;
	margin-top: 0px;
	margin-right: 0px;
 }
 body,td,th {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: 400;
	color: #333333;
	line-height: 120%;
}
a:link {
	color: #ff009b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ff009b;
}
a:hover {
	text-decoration: none;
	color: #32929e;
}
a:active {
	text-decoration: none;
	color: #32929e;
}
TT1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 77pt;
	font-weight: 100;
	line-height: 110%;
}
TT2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 50pt;
	font-weight: 200;
	line-height: 115%;
}
TT3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 25pt;
	font-weight: 200;
	line-height: 120%;
}
TT4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 25pt;
	font-weight: 100;
	line-height: 120%;
}
ST1 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 18pt;
	font-weight: 200;
	line-height: 120%;
}
ST2 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 15pt;
	font-weight: 200;
	line-height: 120%;
}
ST3 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 15pt;
	font-weight: 200;
	line-height: 120%;
}
ST4 {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #696361;
	font-size: 13pt;
	font-weight: 400;
	line-height: 120%;
}
CopyW {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #333333;
	line-height: 120%;
}
.bg {
    right: 0;
    position: fixed;
    top: 0;
	height: 100%;
    z-index: -5000;
}
.staialto {
	position: fixed;
	top: 0;
	margin:auto;
	width:100%;
}
.staibasso {
	position: fixed;
	bottom: 0;
	margin:auto;
	width:100%;
}
.contenuto {
	vertical-align: middle;
	margin-left: 35px;
	margin-right: 45%;
}
.portfolio {
	vertical-align: middle;
	margin-left:35px;
	margin-right:35px;
}
.graphicsBG {
	background-image: url("fabiogIMG17/fabiog17_BACKG_Graphics.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
    height: 100%;
	width: auto;
}
.photosBG {
	background-image: url("fabiogIMG17/fabiog17_BACKG_Photos.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
    height: 100%;
	width: auto;
}
.imgport {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.imgport:hover {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.news {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(100%);
}
.news:hover {
	height: auto;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    filter: grayscale(0%);
}
.pinguino {
	height: 70px;
	width: auto;
}
}