#sm4-section-header .width {
       width: auto;
    max-width: 1190px;
    min-width: 360px;
    margin: 0 auto;
    padding-left:20px;
}

.width {
    width: auto;
    max-width: 1190px;
    min-width: 360px;
    margin: 0 auto;
    padding-left:20px;
}

.grid-container .grid {
    margin-bottom:75px;
    opacity: 0;
}

.grid-container .grid.show-cols { opacity: 1; }

.grid-container {
    width: auto;
    min-width: 360px;
}

.grid section {
    width: 373px;
    margin-bottom: 20px;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    border: .6rem solid #efefef;
}

section > a > img:first-of-type {
    width: 100%;
}

.grid section:hover {
    border: .6rem solid #c2c2c2;
}

.grid section img {
    display:block;
}

.grid section div.main-content {
    margin: 0 25px;
    padding-top: 0.3rem;
}

.grid section div.primary-link-container {
    margin:0 25px;
}

.grid section div.additional-resources {}

.grid section div.resource-content {
    margin: 0 25px 25px 25px;
}

.grid section .announcement {
    font-size:0.875rem;
    color:#f77700;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom:2px;
}

.grid section h1, .grid section h3 {
    font-weight: normal;
    font-size: 1.375rem;
    color:#222;
    line-height:1.2;
    margin-bottom: 0.625rem;
}

.grid section p {
    font-size: 0.9375rem;
    color:#535353;
    line-height:1.4;
    margin-bottom: 1.2rem;
    font-weight: 400;
}

.grid section p.additional-paragraph { display: none; }
.grid section.open p.additional-paragraph { display: block; margin-top:-14px; }

.grid section hr {
    border: none;
    height: 2px;
    color: #dfdfdf;
    background-color: #dfdfdf;
    margin-bottom:20px;
}

.grid section .item {
    display:flex;
}

.grid section .item img {
  vertical-align:top;
  margin-right:0.625rem;
  margin-top:1px;
  display:inline-block;
  float:left;
  min-width:18px;
}

.grid section .item p {
    display:inline-block;
    font-size: 0.875rem;
    color: #dd1100;
    line-height:1.136;
    margin-bottom: 0.9375rem;
    overflow:hidden;
    float:left;
}

.grid section .item p a {
    font-size: 0.875rem;
    color: #dd1100;
    line-height:1.136;
}

.grid section .item p .time {
    font-size:0.75rem;
    color: #6e6e6e;
}

.grid section .item p a:hover, .grid section .item p a:hover .time {
  color: #f77700;
}

.grid section div.resource-content div:nth-last-child(1) div:nth-last-child(1) p {
  margin-bottom:0px;
}

.grid section div.main-content .primary-link-container p {
    color:#dd1100;
}

.grid section a:hover div.main-content .primary-link-container p, .grid section a:hover div.main-content .primary-link-container p .time {
  color: #f77700;
}

.navigation-tags {
       width: auto;
    max-width: 1190px;
    min-width: 360px;
    margin: 30px auto;
    text-align: left;
}


.navigation-tags a {
    display: inline-block;
    padding: 0.5rem 0.9375rem;
    border: 0 none;
    border-radius: 0.25rem;
    background: #e7e7e7;
    font-size: 1.25rem;
    cursor: pointer;
    text-decoration: none;
    margin-right:0.9375rem;
    margin-bottom:0.75rem;
}

.navigation-tags a:link,.navigation-tags a:visited {
    color:#000;
}

.navigation-tags a:hover {
    background: #f77700;
    color:#fff;
}

.navigation-tags a.active {
    background: #dd1100;
    color:#fff;
    position: relative;
}

.navigation-tags a.active:hover {
    color:#fff;
}

.navigation-tags a.active:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #dd1100;
    border-left: 6px solid transparent;
    border-bottom: 0;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
}

#links .width {
    padding: 20px 0 75px 0;
    text-align: center;
}
.divider {
    border-top: 1px solid #C1C1C1;
    overflow: hidden;
    clear: both;
    margin-top: 50px !important;
    min-width: 0;
}
#links .link {
    background: url(https://www.wolfram.com/system-modeler/img/links-2.png) no-repeat;
    background-size: 1.625rem;
    border: none;
    color: #7c7c7c;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin: 0 1.5rem;
    min-height: 1.625rem;
    padding: 0 0 0 2.25rem;
}

#links a.link:hover { color:#f77700; }


section a.more-link span.up {
    border: solid #b5b5b5;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin:2px 7px 0px 11px;
}

section a.more-link span.down {
    border: solid #b5b5b5;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin:0px 7px 2px 11px;
}

section a.more-link:hover span.up {
    border: solid #f77700;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin:2px 7px 0px 11px;
}

section a.more-link:hover span.down {
    border: solid #f77700;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin:0px 7px 2px 11px;
}

section a.more-link {
    cursor: pointer;
}

section a.more-link:hover span.more-wrapper, section a.more-link:hover span.less-wrapper {
    color:#f77700;
    white-space:nowrap;
}

section a.more-link span.more-wrapper, section a.more-link span.less-wrapper {
    color:#b5b5b5;
    white-space:nowrap;
}

section .additional-paragraph span, section span.less-wrapper, section.open span.more-wrapper {
    display: none;
}

section.open .additional-paragraph span {
    display: inline;
}

hr:not(#_footer *) {
    display: none;
}

section.open hr {
    display: block;
}

section .resource-content {
    display: none;
}

section.open .resource-content {
    display: block;
}

p.subpage-popup {
    max-width:800px;
}

@media (max-width: 1200px) {
    .grid-container { max-width: 800px; }

    .grid section h1, .grid section h3 { font-size: 1.25rem; }
}

@media (max-width: 900px) {
    .navigation-tags a.active:after { display: none; }
	.grid section {width:371px;}
    .grid section h1, .grid section h3 { font-size: 1.45rem; line-height: 1.2; }
    .grid section p { font-size: 1.1rem; line-height: 1.3; }
    .grid section .item p a { font-size: 1rem; line-height: 1.2; }
}

@media (max-width: 800px) {
    .grid-container { max-width: 600px; }
}

@media (max-width: 600px) {
    .navigation-tags a { padding: 0.3rem 0.6rem; }

    .grid-container .grid { width: 310px !important; }
    .grid section { border-width: 0.4rem !important; width: 310px !important; }
    .grid section img { max-width: 100%; }
    .grid section div.main-content { margin: 0 10px; }
    .grid section h3 { font-size: 1.45rem; line-height: 1.2; margin-bottom: 1rem; }
    .grid section p { font-size: 1.1rem; line-height: 1.3; margin-bottom: 1.5rem; }
    .grid section div.primary-link-container { margin: 0 10px; }
    .grid section div.resource-content { margin: 0 10px 15px; }
}