@charset "UTF-8";

#advert {border: 1px solid rgb(200,200,200);height:auto;width:100%;float:left;text-align:center;padding:50px 0 50px 0}


.star{visibility:hidden}
.fadeIn{-webkit-animation: animat_show 0.8s;animation: animat_show 0.8s;visibility: visible !important}
@-webkit-keyframes animat_show{0%{opacity:0}100%{opacity:1}}

body												{ margin: 0; font-family: "HelveticaNeueLtStd-Lt", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
img 												{ max-width: 100%; user-select: none; img -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

::selection 										{ background: rgba(0,20,15,0.15)/*#9DF*/; color: inherit; }
::-webkit-selection							{ background: /*#9DF*/; color: ; }
::-moz-selection 							{ background: /*#9DF*/; color: ; }

a, a:visited										{ text-decoration: none; color: #888/*rgb(255,35,0)*/; transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; -ms-transition: color 0.4s ease; }
a:hover 											{ color: rgb(0,0,0); /*0,160,250*/ }
a:focus 											{ outline: thin dotted; }
a:hover, a:active 							{ outline: 0; }

.nota												{ color: grey; /*100,140,180*/}

.top a, .top a:visited						{ color: rgba(0,0,0,1.0); display: inline; }
.top a:hover									{ color: rgba(255,255,255,1.0); display: inline; }

#text a, #text a:visited					{ font-family: "NHaasGroteskDSPro-45Lt"; }
#text a:hover									{ font-family: "NHaasGroteskDSPro-45Lt"; }

#stickRule a, #stickRule a:visited	{ color: black; display: inline; }
#stickRule a:hover 						{ color: #BBB; display: inline; }

.aTop a, .aTop a:visited					{ color: grey; }
.aTop a:hover								{ color: black; }

#potrait a, #portrait a:visited			{ color: #666; }
#portrait a:hover							{ color: black; }

.search 											{ height: 100vh; width: auto; background: black; font-family: 'NHaasGroteskTXPro-65Md'; font-size: 22px; padding-top: 15px; }
.search a, .search a:visited				{ color: white; }
.search a:hover								{ color: #333/*rgb(0,165,255)*/; }

#mFacebook img							{ opacity: 0.25; transition: opacity .4s ease; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; -ms-transition: opacity .4s ease; }
#mFacebook img:hover					{ opacity: 0.65; }

.clearfix:before, .clearfix:after 		{ content: ""; display: table; }
.clearfix:after 								{ clear: both; }
.clearfix 										{ zoom: 1; }

.positive										{ filter: invert(0%); -webkit-filter: invert(0%); }
.negative										{ filter: invert(100%); -webkit-filter: invert(100%); }

.red												{ color: rgb(255,55,0); }


/* Retina 5K, Retina 15, Retina 13, iMac 27, iPad 4, iPad 3, iPad Air */
body, textarea	 		{ font-size: 16px; line-height: 20px; font-weight: lighter; letter-spacing: 0.025ex; } /*font: 18/20*/
.aTop						{ font-size: 12px; line-height: 15px; }
.quest						{ font-family: 'NHaasGroteskTXPro-65Md'; letter-spacing: 0ex; }

.top 							{ padding-top: 17px; }
/*#cover 					{ height: 100vh; width: auto; display: block; background-color: rgb(0,0,0);  background-image:url(../img/mvignelli/MV-01w.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; 
								background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }*/
.gridContainer 			{ width: 95%; max-width: 980px; margin-left: 0; margin-right: 0; margin: auto; padding-left: 0; padding-right: 0; }
#foot 						{ position: relative; float: left; margin-left: 38.7754%; bottom: 40px; font-size: 14px;  color: white; /*none*/}

.mapContainer 			{ width: 95%; margin-left: 0; margin-right: 0; margin: auto; padding-left: 0; padding-right: 0; }			 /*NO*/				  
.mapBox 					{ display: table; position: absolute; height: 100%; width: 100%; }
.mapMargin 				{ display: table-cell; vertical-align: middle; }
.mapImg 					{ clear: both; display: block; float: left; margin: 0 auto 0 auto; width: 100%; }

#stickWrap 				{ display: block; height: 32px; z-index: 99; }
#stickRule 				{ clear: both; display: block; margin-left: 0; padding-top: 17px; height: 32px; min-width: 100%; z-index: 98;
								background: rgba(255,255,255,0.98); /*border-top: 6px solid rgba(0,0,0,1);*/
								box-shadow: 0 4px 5px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.05); -o-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.05); }
#stickRule.fixed 		{ position: fixed; top: 0; z-index: 97; }

#mLogo 					{ clear: none; display: block; float: left; margin-left: 0; width: 36.7346%; margin-top: -3px; font-family: 'NHaasGroteskTXPro-65Md'; font-size: 20px; letter-spacing: -0.02ex; }
#mAbout 					{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 7.1428%; letter-spacing: 0.05ex; }
#mArchive 				{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 8.1632%; letter-spacing: 0.05ex; }
#mBlog 					{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 5.2888%; letter-spacing: 0.05ex; }
#mMunari 				{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 34.5%; letter-spacing: 0.05ex; text-align: right; }
#mSearch					{ display: none; }

#mAbout2					{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 5%; letter-spacing: 0.05ex; }
#mInterview				{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 7.15%; letter-spacing: 0.05ex; }
#mProfile					{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 4.85%; letter-spacing: 0.05ex; }
#mInsight					{ clear: none; display: block; float: left; margin-left: 2.0408%; width: 6.6%; letter-spacing: 0.05ex; }
#mFacebook				{  clear: none; display: block; float: left; margin-left: 2.0408%; width: 29.4614%; letter-spacing: 0.05ex; text-align: right; font-size: 17px; }
#mFacebook img		{ height: 18px; margin-top: -1px; }

/*#portrait 				{ clear: both; display: none; margin-top: 66px; margin-bottom: 20px; }*/
#title 						{ clear: both; display: block; margin-left: 38.7754%; width: 61.2246%; font-family: 'WTCOurBodoni-LightItalic'/*'NHaasGroteskTXPro-65Md'*/; font-size: 56px/*28px*/; letter-spacing: -0.1ex/*-0.02ex*/; margin-top: 60px; line-height: 53px;/*none*/}
#subtitle 					{ clear: both; display: block; margin-top: 10px; margin-left: 38.7754%; width: 61.2246%; }

#line 						{ clear: both; display: block; float: left; margin: 25px 0 5px 0; width: 100%; border-bottom: thin solid black; }
#chapter 					{ clear: both; display: block; float: left; margin: 0 0 20px 0; width: 33.5%; /*font-family: 'NHaasGroteskTXPro-65Md'; letter-spacing: 0ex; */}
.norm						{ font-family: "HelveticaNeueLtStd-Lt", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight: lighter; letter-spacing: 0.025ex; }
#text 						{ clear: none; display: block; float: left; width: 61.2246%; margin-left: 5.2754%; }
#image 					{ clear: none; display: block; float: right; width: 61.2246%; margin: 6px 0 12px 5.2754%; }
#dida 						{ clear: none; display: block; float: left; margin: 9px 0 0 0; width: 33.5%; min-width: 120px; font-size: 14px; line-height: 18px; letter-spacing: 0.05ex; }

#box							{ display: table; float: left; padding: 0.3% 0.3% 0.3% 0.3%; width: 24.4%; position: relative; z-index: 2; }
#box img					{ display: block; width: 100%; height: 100%; opacity: 1; position: relative; z-index: 2; 
								transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; }
#cap							{ display: block; width: 90% /*92%*/; height: 55%; padding-top: 45%; padding-left: 8%; top: 0; left: 0; position: absolute; /*font-family: 'NHaasGroteskTXPro-65Md';*/ font-size: 22px; line-height: 22px; }
#box:hover > img		{ opacity: 0.15; }
#box:hover > cap		{ opacity: 1; }

/* iMac 24, iMac 21.5, Large 16:9, Surface */
@media only screen and (max-width: 1920px) {
body, textarea	 		{ line-height: 21px; }

#stickWrap 				{ padding-bottom: 3px; }
#stickRule 				{ padding-bottom: 3px; }

#mLogo 					{ margin-top: 0px; }

#subtitle 					{ margin-top: 8px; }

.norm						{ font-size: 15px; }
#dida 						{ font-size: 15px; letter-spacing: 0.02ex; }
}

/* Air 13, Air 11, Laptop, Large 4:3, Medium 16:9 */
@media only screen and (max-width: 1600px) {
body, textarea	 		{ font-size: 18px; line-height: 22px; letter-spacing: 0.022ex; }
.aTop						{ font-size: 13px; }

/*#cover						{ background-attachment: scroll; }*/

#mLogo					{ font-size: 21px; }

#mAbout2					{ width: 6%; }
#mInterview				{ width: 8.15%; }
#mProfile					{ width: 5.85%; }
#mInsight					{ width: 7.6%; }
#mFacebook				{ width: 25.4614%; }
#mFacebook img		{ height: 20px; margin-top: -1px; }

#title							{ font-size: 58px/*29px*/; line-height: 55px; }

.norm						{ letter-spacing: 0.044ex; }
#dida 						{ font-size: 16px; line-height: 20px; letter-spacing: 0.06ex; }
}

/* Tablet, iPad Mini, iPad 3, iPad 4 (Landscape), Standard 4:3 */
@media only screen and (max-width: 1280px) {
body, textarea	 		{ font-size: 20px; line-height: 24px; letter-spacing: 0.02ex; }
.aTop						{ font-size: 15px; }

#foot						{ bottom: 45px; font-size: 15px; }

#stickWrap 				{ padding-bottom: 6px; }
#stickRule 				{ padding-bottom: 6px; }

#mLogo					{ width: 36.7346%; margin-top: 0; font-size: 23px; }
#mAbout					{ width: 9.1428%; }
#mArchive				{ width: 10.1632%; }
#mBlog						{ width: 7.2888%%; }
#mMunari				{ width: 28.5%; }

#mAbout2					{ width: 7%; }
#mInterview				{ width: 10.55%; }
#mProfile					{ width: 6.85%; }
#mInsight					{ width: 8.6%; }
#mFacebook				{ width: 20.0614%; }
#mFacebook img		{ height: 22px; margin-top: -1px; }

#title							{ font-size: 62px/*31px*/; line-height: 59px; }
#subtitle					{ margin-bottom: 6px; }

.norm						{ font-size: 16px; line-height: 20px; }
#dida 						{ font-size: 17px; line-height: 21px; letter-spacing: 0.05ex; }
}


/* iPad Mini, iPad 3, iPad 4 (Portrait) */
@media only screen and (max-width: 768px) {
body, textarea			{ font-size: 23px; line-height: 27px; letter-spacing: 0.01ex; }

#foot						{ bottom: 50px; font-size: 16px; }

#stickWrap 				{ padding-bottom: 10px; }
#stickRule 				{ padding-bottom: 10px; }

#title							{ width: 100%; margin-left: 0; font-size: 64px/*32px*/; letter-spacing: /*-0.03ex*/; line-height: 61px; }
#subtitle					{ width: 100%; margin-left: 0; }

#mLogo					{ width: 35%; margin-top: -1px; font-size: 25px; }
#mAbout					{ width: 13%; margin-left: 0; }
#mArchive				{ width: 15%; margin-left: 0; }
#mBlog						{ width: 13%; margin-left: 0; }
#mMunari				{ width: 24%; margin-left: 0; }

#mAbout2					{ width: 11%; }
#mInterview				{ width: 14.55%; }
#mProfile					{ width: 10.85%; }
#mInsight					{ width: 12.6%; }
#mFacebook				{ width: 4.0614%; }
#mFacebook img		{ height: 23px; margin-top: -1px; }

#chapter					{ width: 100%; font-family: 'NHaasGroteskTXPro-65Md'; letter-spacing: 0ex; }
#text							{ width: 100%; margin-left: 0; }
#image						{ width: 100%; margin: 0 0 0 0; }
#dida						{ width: 100%; margin-bottom: 45px; font-size: 23px; line-height: 27px; letter-spacing: 0.01ex; }

#cap							{ font-size: 19px; line-height: 19px; }
}


/* iPhone 6, iPhone 5, iPhone 4 (Landscape) Correct: 667px */
@media only screen and (max-width: 683px)  {
body, textarea			{ font-size: 21px;  line-height: 25px; -webkit-text-size-adjust: none; }

/*#cover					{ display: none; }*/
.gridContainer			{ width: 94%; }
.top							{ display: none; }
#foot						{ display: none; }

.mapBox					{ display: none; }
.mapMargin				{ display: none; }
.mapImg					{ display: none; }

#stickWrap 				{ height: 26px; position: fixed; }
#stickRule 				{ height: 26px; position: fixed; }

#mLogo					{ font-size: 22px; margin-top: -2px; }
#mAbout					{ display: none; }
#mArchive				{ display: none; }
#mBlog						{ display: none; }
#mMunari				{ display: none; }
#mSearch					{ display: block; clear: none; float: left; margin-top: -3px; margin-left: 41%; width: 24%; text-align: right; }

#mAbout2					{ display: none; }
#mInterview				{ display: none; }
#mProfile					{ display: none; }
#mInsight					{ display: none; }
#mFacebook				{ display: none; }

/*#portrait				{ display: block; margin-top: 71px; margin-bottom: 10px; }*/
#title							{ font-size: 42px/*26px*/; line-height: 40px; margin-top: 0;}
#subtitle					{ margin-top: 2px; }

.norm						{font-size: 18px; }
#dida						{font-size: 21px; line-height: 25px; }

#cap							{ font-size: 16px; line-height: 17px; }
}


/* iPhone 6, iPhone 5, iPhone 4 (Portrait) */
@media only screen and (max-width: 375px) {
body, textarea		{ font-size: 18px; line-height: 22px; }

.gridContainer		{ width: 92.5%; }

.search 					{ font-size: 21px; padding-top: 15px; }

#portrait					{ margin-top: 66px; }

#mLogo					{ font-size: 21px; }

#title						{ font-size: 36px /*21px*/; line-height: 35px; }
#subtitle					{ margin-top: 0; }

#dida						{font-size: 18px; line-height: 22px; }

#box						{ display: none; }
#cap						{ display: none; }
#box img				{ display: none; }
}