/* - responsive.css - */
/*  (do not remove this :) */
/*  (not this either :) */

#portal-topbar,
#portal-header,
#portal-breadcrumbs,
#portal-columns,
#portal-footer,
#portal-personaltools { width:96% !important; max-width:1036px; margin-left:auto; margin-right:auto; }
#portal-breadcrumbs { padding-left:0; padding-right:0; }
#portal-breadcrumbs a:first-of-type { margin-left:2%; }

#portal-columns #portal-column-content .contentViews,
#portal-columns #portal-column-content .contentActions,
#portal-columns #portal-column-content #content-history { width:auto; }

@media only screen and (max-width:1200px) {
  body { font-size:95%; }
}

@media only screen and (max-width:1000px) {
  body { font-size:90%; }
}

@media only screen and (max-width:900px) {
  #portal-top #portal-header #portal-logo-wrapper { flex-direction:column; }
  #portal-top #portal-header #portal-logo { height:50px; justify-content:space-evenly; }
  #portal-top #portal-header #portal-logo > a img { margin-right:0; }
  #portal-top #portal-header #portal-logo > a.usda img { height:90%; }
  #portal-top #portal-header #portal-logo > a.efetac img { height:85%; }
  #portal-top #portal-header #portal-logo > strong { font-size:90%; line-height:125%; }
  #portal-top #portal-header #portal-info { text-align:center; display:flex; flex-direction:row; justify-content:space-around; }
}

@media only screen and (max-width:800px) {
  body { font-size:85%; }
  #portal-top #portal-header #portal-globalnav2 ul#top-level li > a { font-size:125%; }
}

@media only screen and (max-width:600px) {
  body { font-size:80%; }
  #portal-top #portal-header #portal-info { flex-direction:column; justify-content:center; }
  #portal-top #portal-header #portal-globalnav2 ul#top-level li > a { font-size:110%; }
}

@media only screen and (max-width:500px) {
  #portal-top #portal-header #portal-logo { height:unset; flex-wrap:wrap; }
  #portal-top #portal-header #portal-logo a.usda img { height:44px; }
  #portal-top #portal-header #portal-logo a.usfs img { height:48px; }
  #portal-top #portal-header #portal-logo a.efetac img { height:40px; }
  #portal-top #portal-header #portal-logo > strong { width:98%; text-align:center; margin:6px auto 0; font-size:100%; }
  #portal-top #portal-header #portal-logo > strong span { display:inline; white-space:unset; }
}

/*  */