body {
font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2" !important;
color:#000000 !important;
}

a {color:#000000 !important;}
a:hover {
color:#666 !important;
opacity:0.5;
transition:all 400ms;
}


.grid-image-item { width: 25%; padding:5px;}

/*.intro {font-family:"freight-micro-pro-1","freight-micro-pro-2"; font-size:20px; text-align:center; padding:30px 90px; margin:10px 0 35px; line-height:22px;}*/
.intro {font-size:30px; text-align:center; padding:30px 90px; margin:10px 0 35px; line-height:22px; letter-spacing:-1px;}
.intro a {color:#777 !important; font-style:italic; border-bottom:1px solid #fff !important; display:inline-block; line-height:20px;}
.intro a:hover {border-bottom:1px solid #777 !important; opacity:1; transition:all 400ms;}

.introsmall {
font-size:10px;
display:block;
text-align:center;
margin:-37px 0 20px 0;
}

.scribb img {width:200px;}
.scribb {float:left; margin:5px 0 10px 5px;}
.aapush {margin-top:-50px;}

.freight {font-family:"freight-micro-pro-1","freight-micro-pro-2";}

.proxima {
font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2";
}

.nav a {
display:inline-block;
font-size:13px; font-weight:normal;
font-family:acumin-pro-1, acumin-pro-2,;
}

.navmiddle, .navright {padding-left:16px; display:inline-block;}

.navhit {text-decoration:line-through;}

.nav {
padding:0 5px 10px 5px; float:right;
margin-top:-4px;
}

.up-right-links {
position:absolute;
top:1px;
left:30px;
}

.up-right-links span {
display:inline-block; 
font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2";
font-weight:bold; font-size:13px;
padding:5px;
background:#fff;
line-height:5px;
display:inline-block;
}

.grid-image-item:hover{
opacity:0.5;
transition:all 400ms;
}

.pswp__caption__center {
color:#000000 !important;
font-size:12px !important;
}

.footer {
font-size:10px;
text-align:center;
display:block;
margin-top:24px;
width:100%;
float:left;
line-height:15px;
margin-bottom:10px;
}

.footer span {
display:inline-block; 
padding-right:10px; 
}


#mainPageTitle, .mainPageTitle {display:none !important;}
.thumbz {float:left; margin-right:0; width:25%; position:relative; border:5px solid #fff;}
.thumbtext {display:inline-block; line-height:14px; font-size:11px; text-align:center; margin-top:10px;}
.quickfix {margin-top:-3px !important}
.thumbz {margin-bottom:0;}
.thumbtext img {display:inline; margin-left:5px; margin-top:-3px; width:20px;}
.thumbtext a {color:#666 !important; font-style:italic;}
.thumbz .top {position:absolute; left:0; top:0;
-webkit-transition: opacity 400ms ease-in-out;
  -moz-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}
.thumbz img.top:hover {
  opacity:0;
}
.aa-padding {height:50px;}
.container p {display:none !important;}

.contactblock {
padding:20px;
background: #000000;
color:#fff;
position:fixed;
border:15px solid #fff;
z-index:99;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
visibility: hidden;
line-height:20px;
}

.etc {
line-height:17px; font-size:13px; 
}

.etcsection {border-top:1px solid #fff; padding-top:10px; margin-top:8px;}

.etcitem {font-size:13px; display:inline-block; margin-top:10px;}

.etc a {display:inline-block; border-bottom:1px solid #fff; color:#fff !Important; font-weight:bold;}

#tog, #togclose {cursor:pointer;}

#togclose {padding:10px; color:#000000 !important; font-size:9px; font-weight:bold; display:inline-block; position:absolute; top:-17px; right:20px; letter-spacing:1px; line-height:9px; background:#fff; margin-top:16px;}

.links {margin-top:15px;}
.links a {
padding:4px; border:1px solid #fff; color:#fff !important; font-size:12px; font-weight:bold; display:inline-block; line-height:11px; margin-top:3px;
}



.distract {opacity:0; position:absolute;}

.m-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.m-fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}


@media screen and (max-width:1010px) {
.thumbz {width:33.3% !important;}
#container {margin-left:0;}
}

@media screen and (max-width:700px) {
.thumbz {width:50% !important;}
#container {margin-left:0;}
}
@media screen and (max-width:380px) {
.thumbz {width:100% !important;}
#container {margin-left:0;}
}


@media (max-width:833px) {
.grid-image-item {width:33.3% !Important;}
}

@media (max-width:650px) {
.intro {padding:30px 90px; }

}




@media (max-width:517px) {
.intro { padding:25px 30px; margin:20px 0 30px 0; }

.introsmall {
margin:-30px 0 20px 0;
}
}

@media (max-width:630px) {
.grid-image-item {width:50% !Important;} .grid-image-item {padding:7px;}
}

@media (max-width:530px) {
.scribb {display:none;}
.aapush {margin-top:0px;}
}

@media (max-width:430px) {
.intro {margin:5px 0 20px 0;}
.nav {float:none; text-align:center; margin-top:-23px; line-height:28px;}
.nav a {font-size:14px !important;}
.navmiddle, .navright {padding-left:7px; }
.up-right-links span {font-size:12px !Important;}
.up-right-links {top:-31px; left:0; position:relative;}
.aa-padding {height:10px;}
.introsmall {
margin:-20px 0 20px 0;}
#tog {position:relative; top:3px; right:0 !Important;}
}