img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-size: 16px; background-color: #fff; color: #333; line-height: 1.4; min-width: 320px } body, form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=submit], form textarea, form button, form select { font-family: 'ITC Eras W05 Medium', Arial, Helvetica, sans-serif; } b, strong, h1, h2, h3, h4, h5, h6, .keyword, .entry .title p { font-family: 'ITC Eras W05 Bold', Arial, Helvetica, sans-serif;font-weight:bold } body, nav ul, footer ul { padding: 0; margin: 0; } main ul, main ol { padding-left: 30px; list-style-position: outside } img, iframe { max-width: 100%; display: block; height: auto } a img, iframe { border: none; } iframe { margin: 3% 0; } .video { width: 100%; aspect-ratio: auto 16 / 9 } .bgimg { position: relative } .bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: 0 } a { color: #767676 } .featured a:hover, .featured a:hover h2, footer a:hover, .table.contact a:hover, main a:hover { color: #ee3a42 } a, .featured a:hover, .featured a:hover h2, footer a:hover, .table.contact a:hover { text-decoration: none; transition: all .3s linear .01s; } a:hover { text-decoration: underline; transition: all .3s linear .01s; } nav a:hover, .table.qr a:hover { text-decoration: none; } br.clear { clear: both; height: 0; font-size: 0; } hr { border-width: 1px; border-color: #ee3a42; border-style: none none solid; margin: 20px 0; } .imgLeft, .imgRight { max-width: 45%; } .imgLeft { float: left; margin: 5px 4% 1% 0; } .imgCenter { display: block; margin: 0 auto; } .imgRight { float: right; margin: 5px 0 1% 4%; } .clear { clear: both; } .center { text-align: center; } .wrap { max-width: 1016px; display: block; margin: 0 auto; position: relative; } .table { display: table; width: 100%; } .table > div { display: table-cell; vertical-align: top; } .table.half > div { width: 50%; } .table.half > div:first-of-type { padding-right: 2%; } .table.half > div:last-of-type { padding-left: 2%; } .table.third > div { width: 33%; } .table.third > div:nth-of-type(1) { padding-right: 2%; } .table.third > div:nth-of-type(2) { padding: 0 1%; } .table.third > div:nth-of-type(3) { padding-left: 2% } .table.quad > div { width: 25%; padding: 0 1%; } .table.fifth > div { width: 15%; padding: 0 1%; } .table.middle > div { vertical-align: middle; } .table.fit { width: auto; } .nowrap { white-space: nowrap } header { padding: 20px 0; } header a img { max-width: 410px; width: 100%;margin:0 auto } header .table.half > div:first-of-type { text-align: left; } header .table.half > div:last-of-type { text-align: right; } header input[type=search] { padding: 10px; border-radius: 5px; outline: none; border: 1px solid #ccc; } header form button { padding: 10px 25px; } nav { background-image: linear-gradient( #414141 50%, #232323 50%); padding: 0 11px; border: 1px solid #111; border-radius: 5px; font-size: 0 } nav > ul > li { display: inline-block; width: calc((100% / 7) - 1px); } nav a { display: block; color: #fff; padding: 13px 5px; border-right: 1px solid #333; border-left: 1px solid #111; font-size: 13px; text-align: center } nav a:hover { color: #ccc; } nav ul ul { display: none; width: 225px; position: absolute; z-index: 999; } nav ul ul li { display: block; border-top: 1px solid #333; position: relative } nav ul ul a { text-align: left; padding: 13px 40px; background-color: #232323; } nav ul ul a:hover { background-color: #414141 } nav ul li:hover > ul { display: block; z-index: 999; } nav ul ul ul { position: absolute; left: 225px; top: -1px } .back { display: none } .hide { display: none !important } .pad { padding-left: 10px; padding-right: 10px } .cycle-slideshow { height: 350px; position: relative; overflow: hidden; margin-top: 5px; } .cycle-slideshow img { object-fit: cover; object-position: center; } .cycle-prev, .cycle-next { position: absolute; top: 0; width: 40px; z-index: 888; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; } .cycle-prev { left: 0; background-image: url(/images-design/arrow-prev.png); } .cycle-next { right: 0; background-image: url(/images-design/arrow-next.png); } .cycle-prev:hover, .cycle-next:hover { opacity: .5; transition: all .3s linear .01s; } .tagline { background-color: #efefef; padding: 15px 0; margin: 20px 0; border-radius: 5px; } .table.quad.featured > div:nth-of-type(1), .table.quad.featured > div:nth-of-type(2), .table.quad.featured > div:nth-of-type(3), .table.half.featured > div:nth-of-type(1) { border-right: 1px solid #ee3a42; } .featured h2 a, .table.contact a, .featured h3 { color: #333; } .featured h2 { margin-top: 10px; color: #333; } .featured > div { padding-left: 20px } .featured ul { list-style: none; } .featured li { margin-bottom: 10px; } .featured iframe { width: 254px; height: 143px; } div.featured.table.half div p { text-align: left; padding-left: 2%; } div.featured.table.half div ul { list-style-type: inherit; line-height: 12px; font-size: 11px; } .featured .nmsdc { max-width: 150px; margin-top: 20px; } main { padding: 30px 10px 0; } main > hr:last-of-type { padding-bottom: 20px; margin-bottom: 0 } main h1 { font-size: 20pt; margin: 0 0 .5em; padding: .83em 0 0; } main h1 span { display: inline-block; font-weight: normal; font-style: italic; line-height: 1; color: #767676; padding-left: 10px; margin: 10px; border-left: 1px solid #ee3a42; } main .largeh2 h2, .segbord h2 { font-size: 16pt } main h2 { font-size: 12pt; margin-top: 25px; } main h3 { font-size: 12pt; color: #767676; } main h4, .featured h3 { font-size: 13pt; } main li { margin: 0 0 5px; } main ul ul { margin-top: 5px } .upgradeoptions { border-bottom: 1px solid #ee3a42; padding-bottom: 20px; margin-bottom: 40px } .upgradeoptions .grid { grid-template-columns: 150px 1fr 150px 1fr; align-items: center } .upgradeoptions h2, .upgradeoptions h3 a { font-size: 20px; } .upgradeoptions h3 a:hover { text-decoration: none; } .order { text-align: right; } p.order a { color: #000; } .intercept > div:first-of-type { width: 75%; padding-right: 2%; } .intercept > div:last-of-type { width: 25%; padding-left: 2%; } .intercept.table > div:first-of-type { border-right: 1px solid #ee3a42 } .intercept .table h2 { color: #000; margin-top: 0 } .intercept .table a { padding: 50px; display: block } .intercept img { display: block; margin: 0 auto; max-width: 350px; width: 100% } .width240 { max-width: 240px; } .width500 { max-width: 500px; } .height220 { max-height: 220px; } .table.enterprise > div:first-of-type { width: 30%; padding-right: 2%; } .table.enterprise > div:last-of-type { width: 70%; padding-left: 3%; border-left: 1px solid #ee3a42; } .table.innovation h2 { font-size: 20px; font-weight: normal; margin-right: 20px; } .table.innovation .keyword { font-size: 20px; color: #a9a9a9; } .table.innovation > div:first-of-type { width: 65%; padding-right: 2%; } .table.innovation > div:last-of-type { width: 35%; padding-left: 3%; } .border > div { border-left: 1px solid #ee3a42; } .border > div:first-of-type { border-left: none } .brochure { box-shadow: 2px 2px 5px rgba(0,0,0,.3); margin: 20px 0 5px; max-width: 200px } .table.about > div:first-of-type { width: 80%; } .table.about > div:last-of-type { width: 20%; padding-left: 3%; padding-top: 25px } .table.about > div:last-of-type p { font-size: 14px; text-align: center; margin: 5px 0 20px; } .table.about > div:last-of-type span { display: block; font-style: italic; color: #999; } .table.contact > div:first-of-type { width: 30%; padding-right: 2%; border-right: 1px solid #ee3a42; } .table.contact > div:last-of-type { width: 70%; padding-left: 2%; } .table.contact > div:first-of-type h2 { font-size: 13px; } .table.contact > div:last-of-type h2 { font-size: 14px; } .table.contact h2 { color: #333; } .table.contact h3 { font-size: 13px; color: #999; margin-bottom: 0; } .table.contact p { margin: 5px 0 20px; } .table.contact table { width: 100%; border-collapse: collapse; } .table.contact table tr:last-of-type { border: none; } .table.contact table tr { border-bottom: 1px solid #ee3a42; } .table.contact table td { padding: 20px 10px } .table.contact table td:nth-of-type(1) { width: 50%; } .table.contact table td:nth-of-type(2) { width: 30%; } .table.contact span a { color: #999 } .table.contact table img { width: 100% } .grid { display: grid; grid-gap: 20px } .grid.half { grid-template-columns: repeat(2, 1fr) } .grid.third { grid-template-columns: repeat(3, 1fr) } .grid.quad { grid-template-columns: repeat(4, 1fr) } .grid.one-two { grid-template-columns: 360px 1fr; grid-gap: 0 } .grid.one-two > div:nth-of-type(odd) { padding-right: 20px } .data { list-style: none; margin: 0 0 1em; display: inline-block; width: calc(50% - 0.25em); vertical-align: top; padding: 0 } .data a { color: #999 } .grid.one-two img { margin: 25px auto; object-fit: cover; } .segbord div a img, .grid.one-two .imgstack > *, .grid.one-two > div > img { padding: 1em 20px; width: calc(100% - 40px) } .grid.one-two h1 { padding-top: 0 } .grid.one-two h3 { margin-bottom: 0.25em } .imgstack { font-size: 0 } .grid.one-two .imgstack img { margin: 0 auto } .grid.one-two .imgstack > * { font-size: 12pt; display: block; border-width: 1px; border-style: solid none none; border-color: #ee3a42; } .grid.one-two .imgstack > *:first-child { border-style: none } .imgstack.astack > * { vertical-align: top } .imgstack a { color: #333; } .imgstack h2, .imgstack h3 { margin: 0 } .imgstack a:hover { text-decoration: none; color: #eee } .imgstack a:hover h2 { color: #ee3a42 } .imgstack a:hover p { color: #333 } .imgwcontent { margin: 0 auto } .imgwcontent img { margin: 1em auto !important } .segbord > div { border-top: 1px solid #ee3a42 } .segbord > div:nth-of-type(1), .segbord > div:nth-of-type(2), .segbord .nobord { border-top: none } .endoflinecontainer > div:nth-of-type(2) { border-top: 1px solid #ee3a42 } .endoflinecontainer > div:nth-of-type(2) > div { border-top: 1px solid #999 } .architecture hr { margin: 40px 0 30px; } .architecture .table.half > div:first-of-type { border-right: 1px solid #ee3a42 } .table.grounding > div:first-of-type { width: 35%; } .table.grounding > div:last-of-type { width: 65%; } .threeCol { columns: 3; -webkit-columns: 3; -moz-columns: 3; list-style: none; } .support, .optics { list-style: none; } .homevid { position: relative; display: block } .homevid i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .homevid .fa-youtube-play { font-size: 66px; z-index: 2; color: #414141 } .homevid .fa-play { font-size: 28px; color: #fff; z-index: 1 } .homevid:hover .fa-youtube-play { color: red } .brochures p { display: inline-block; vertical-align: top; } .max350 { max-width: 350px; } form { margin: 20px 0; } form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=submit], form textarea, form button, form select { font-size: 13px; } form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form textarea, form select, .products select, #filters select, #product select { width: calc(100% - 10px); padding: 0 5px; margin-bottom: 15px; border: 1px solid #e0e0e0; } form input[type=text], form input[type=email], form input[type=password], form input[type=tel], .products select, #filters select, #product select { height: 40px; } form textarea { height: 100px; padding: 5px; } form input[type=submit], form button, .products button, #products button { background-image: linear-gradient( #ee3a42 50%, #c73037 50%); color: #fff; padding: 10px 50px; border: 1px solid #940008; border-radius: 5px; } form input[type=submit]:hover, form button:hover, .products button:hover { cursor: pointer; background-image: linear-gradient( #e0373e 50%, #ba2d33 50%); color: #fff; transition: all .3s linear .01s; } select option { padding: 5px 0 } #selection { background-color: #ccc; padding: 20px 15px; margin: 18px 50px 30px -10px; float: left; } .grid.one-two #selection { float: none; margin-right: 0 } #selection .selection-container { max-width: 300px } #selection button { display: block; margin: 1em auto; font-size: 12pt } #selection span { white-space: nowrap } #selection h2, #selection h3, #selection h2 + div label span { color: #fff } #selection #type { height: 40px } #selection label { text-align: right; display: block; margin-bottom: 15px } #selection label span, #selection label select { display: inline-block; vertical-align: middle } #selection select { width: 140px; margin: 0 0 0 8px } #contactHappy { margin-bottom: 5%; } footer .wrap { padding: 0 10px 20px; } footer .table.third > div { vertical-align: middle; } footer .table.third > div:last-of-type { text-align: right; } footer p { margin: 5px 0 } footer a { color: #333; } footer ul { text-align: right } footer li { display: inline-block; } footer li a { display: block; line-height: 1; padding: 4px 10px 4px 0;margin:4px; border-right: 1px solid #999; } footer li:last-of-type a { padding-right: 0; border: none; } #productResults img { display: block; margin: 0 20px 0 0; height: 200px; width: 100%; object-fit: contain; object-position: left } #productResults > div { margin: 0 0 10px 0; flex: 1 1 0; min-width: 250px; padding: 5px 20px; border-top: 1px solid #ee3a42; min-height: 200px; } #productResults a { display: block; } #productResults h2 { margin-top: 5px } #productResults { display: flex; flex-wrap: wrap } .grid.diagrams { grid-gap: 0 } .diagrams h2, .diagrams p { color: #333 } .diagrams a:hover { text-decoration: none } .diagrams > div:nth-of-type(2) { border-width: 1px; border-style: none solid; border-color: #ee3a42; padding-right: 20px; padding-left: 20px } .diagrams > div:nth-of-type(1) { padding-right: 20px } .diagrams > div:nth-of-type(3) { padding-left: 40px } #homeblogs .blogs .posts { padding-left: 0; width: 100%; } body #homeblogs p { text-align: left; } #homeblogs .posttags, #homeblogs .postcats { display: none; } .follow { font-size: 80%; text-align: center } .follow strong, .follow img { display: inline-block !important; vertical-align: middle } .follow img { width: 20px; height: 20px; margin-left: 5px } .post p:first-of-type { font-style: italic } .blognews a { color: #333 } .table.highlight { font-size: 16px; } .table.highlight > div { padding: 0 !important } .table.highlight > div:first-of-type { width: 35% } .highlight h2 { font-size: 24px; color: #333 } .highlight h2, .highlight p { text-shadow: 1px 1px 1px #fff } .highlight ul { margin: 0; padding-left: 20px } .larger { font-size: 1.25em; } h1.larger { font-size: 24px; } .invis { display: none !important; } #product .img-preview { max-height: 300px; max-width: 300px; } .gallery a img { width: 200px; margin: 10px; border: 1px solid #111; max-height: 130px; overflow: hidden; } .jQexpiring { display: none; } .row-full { width: 100vw; position: relative; margin-left: -50vw; left: 50%; padding: 5% 0; background: url('images-content/timeline/mvram-902b.jpg'); background-size: cover; background-position: center; background-attachment: fixed; margin-top: 5%; } #timeLineHeader { font-family: 'Righteous', cursive; font-size: 55px !important; letter-spacing: 0px; line-height: 65px; text-transform: uppercase; text-align: center; color: #ee3a42; } .timeline { padding: 3%; position: relative; } .timeline:before { content: ''; position: absolute; top: 0px; left: calc(33% + 15px); bottom: 0px; width: 4px; background: #ccc; } .timeline:after { content: ""; display: table; clear: both; } .entry { clear: both; text-align: left; position: relative; } .entry .title { margin-bottom: 0.5em; float: left; width: 33%; text-align: right; position: relative; } .entry .title:before { content: ''; position: absolute; width: 8px; height: 8px; border: 4px solid #ee3a42; background: #ee3a42; border-radius: 100%; top: 35%; right: -14px; z-index: 99; } .entry .title h2 { margin: 0; font-size: 65px; font-family: 'Righteous', cursive; text-align: right; padding-right: 10%; opacity: 1; color: #333; } .entry .title p { margin: 0; font-size: 18px; line-height: 21px; text-align: right; padding-right: 10%; opacity: 1; color: #333; } .entry .body { margin: 0 0 3em; float: right; width: 63%; } .entry .body p { line-height: 1.4em; width: 80%; margin: 0 auto; text-align: center; color: #fff; text-shadow: 1px 1px 2px #000; } .entry .body p:first-child { margin-top: 0; font-weight: 800; } .entry .body p a { color: #fff; text-decoration: underline; } .body { cursor: pointer; height: 200px; position: relative; overflow: hidden; width: 100%; } .body img { position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; margin-left: 28px; margin-top: 1px; } .body .overbox { background-color: #ee3a42; position: absolute; top: 0; left: 0; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; padding: 70px 20px; clip-path: polygon(4% 0%, 100% 0%, 100% 100%, 4% 100%, 4% 24%, 0 15%, 4% 15%); height: 200px; } .body:hover .overbox { opacity: 0.95; } .body .overtext { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; transform: translateY(40px); -webkit-transform: translateY(40px); } .body .overtext { opacity: 0; transition-delay: 0.2s; transition-duration: 0.2s; } .body:hover .overtext, .body:focus .overtext { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); } .sitemap #selection { float: none } .sitemap .featured h2 { margin-top: 40px } .sitemap .featured a { display: block; color: #333 } .sitemap { display: flex } .sitemap .featured { flex: 0 1 400px; order: 2 } .sitemap ul { flex: 1 1 0; padding-right: 20px; order: 1 } @media(max-width:999px) { .cycle-slideshow { height: 34.5vw } nav ul ul { display: none !important } } @media(max-width:767px) { .table.contact table tr { display: block; padding: 10px 0 } .table.contact table td { display: inline-block; padding: 0 } .table.contact table td:nth-of-type(1) { display: block; width: auto !important } .table.contact table td:nth-of-type(2) { text-align: center; width: calc(40% - 14px); padding-right: 10px } .table.contact table td:nth-of-type(3) { width: 60% } .table.quad.featured > div { display: inline-block; width: calc(50% - 16px); } .table.quad.featured > div:nth-of-type(2) { border: none } .table.featprod.quad > div { width: 48%; display: inline-block } .back { display: block } .entry .title:before { right: -16px !important; } #productResults > div { min-width: 160px } } @media(max-width:700px) { .table.third, .table.third > div, .table.about > div, .table.highlight > div { display: block; width: auto !important; padding: 0 !important; } .table.highlight > div { padding: 0.1px 10px !important; } .table.highlight { background-position: top; border-top-width: 30px; border-bottom-width: 30px } .highlight h2 { margin-top: 0 } footer .table p, footer .table ul { text-align: center !important } footer .table > div { margin: 1em auto } .aboutside { border-top: 1px solid #ee3a42; display: grid !important; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px } .aboutside img { width: 100%; padding: 20px 0 0 } .entry .title:before { right: -17px !important; } .grid.one-two { display: block } .grid.one-two > div:nth-of-type(odd) { padding: 0; } .grid.one-two img { width: 100%; max-width: 500px; box-sizing: border-box } .segbord > div:nth-of-type(even) { border-style: none } .grid.one-two .imgstack { text-align: center } .grid.one-two .imgstack > * { display: inline-block; vertical-align: middle } .grid.one-two .imgstack.two > * { max-width: calc(50% - 40px - .25em ) } .grid.one-two .imgstack.two > *:nth-child(2) { border-style: none none none solid } .grid.one-two .imgstack.three > * { max-width: calc((100% / 3) - 40px - .25em ); border-style: none !important } .grid.one-two .imgstack.three > *:nth-child(2) { border-style: none solid !important } .grid.one-two .imgstack.four > * { max-width: calc(50% - 11px ); } .grid.one-two .imgstack.four > *:nth-child(1) { border-style: none } .grid.one-two .imgstack.four > *:nth-child(2) { border-style: none none none solid } .grid.one-two .grid.one-two .imgstack.four > *:nth-of-type(3) { border-style: solid none none none } .grid.one-two .imgstack.four > *:nth-of-type(even) { padding-left: 10px } .grid.one-two .imgstack.four > *:nth-of-type(odd) { padding-right: 10px } .grid.one-two .imgstack > *:nth-of-type(1n+2) { border-style: solid none none solid } .featured-img img { margin: 0 auto; display: block } #selection { margin-left: -10px; padding: 20px; width: calc(100% - 20px) } .cycle-slideshow.ad div { background-position: -100px 0; } .grid.third.featured { display: block } .featured + hr { display: none } .table.half.featured > div { display: block; width: auto; border-right: none !important } hr.featured { display: none } hr.featured + .border { margin-top: 1em } .highlight + hr + .border > div:first-of-type { border-top: none } .featured > div { padding-left: 0 } .featured img { display: block; margin: 0 auto; width: 100%; max-width: 500px } .table.half.featured > div { border-top: 1px solid #ee3a42; padding-top: 10px !important; margin-top: 10px } .sitemap .featured { order: 1 } .sitemap .featured { display: block; flex: 0 0 100% } .featured.grid.border > div { border-left: none; border-top: 1px solid #ee3a42 } footer .table.half > div { display: block; width: auto; padding: 0 !important } .upgradeoptions { border-bottom: none; margin-bottom: 0 } .upgradeoptions .grid { grid-template-columns: 150px 1fr } } .mileniumnxt {padding: 40px;} @media(max-width:600px) { .grid.diagrams { display: block } .grid.diagrams > div { padding: 0 !important } .grid.diagrams > div:nth-of-type(2) { border-style: solid none } .diagrams img { max-width: 400px } #selection { float: none; margin: 20px 0; display: block } .table.half > div, .table.border > div, .table.contact > div { display: block; width: auto !important; padding: 0 !important; } .table ul { margin: 0 } .table.highlight > div { padding: 0.1px 10px !important; } .table.border > div:last-of-type, .table.contact > div:first-of-type { border: none } .table.contact table tr:first-of-type { border-top: 1px solid #ee3a42 } .grid.half { display: block } .grid.border > div { border-left: none; border-top: 1px solid #ee3a42 } .architecture .table.half > div:first-of-type { border-right: none; border-bottom: 1px solid #ee3a42 } header .table > div { text-align: center !important } nav { padding: 0; border-radius: 0 } nav li:first-child { display: none } nav > ul > li { width: calc(100% / 3) } .mgtMobile { float: none; display: block; margin: 0 auto; max-width: 100%; } .intercept .table div:first-of-type { border-right: 0 } .intercept .table div { border-top: 1px solid #ee3a42 } .intercept hr { display: none } .qr > div { margin-bottom: 40px !important; } .entry .title:before { right: -19px !important; } .sitemap { flex-wrap: wrap } .sitemap ul { order: 2 } .sitemap ul { display: block; flex: 0 0 100% } .rotatingad { height: 750px; border: 1px solid red; } .cycle-slideshow.ad div { background-position: -200px 0; } } @media(max-width:500px) { main > .imgRight, .max350 { float: none; margin: 12px auto; display: block; max-width: 100% !important } .threeCol { columns: 2; -webkit-columns: 2; -moz-columns: 2 } .table.quad.featured > div { display: block; width: auto; border: none !important } .table.quad.featured h2 { margin-top: 30px } .qrgrid { display: block !important; } .qrgrid img { margin: 10px auto; max-width: 300px } .entry .title h2 { font-size: 50px; } .grid.one-two .imgstack > *, .grid.one-two .imgstack.two > *, .grid.one-two .imgstack.three > *, .grid.one-two .imgstack.four > *, .grid.one-two .imgstack.three > *:nth-child(2) { display: block; padding: 20px 0; max-width: 100%; border-style: solid none none !important; max-width: 100% !important; width: auto } .grid.one-two .imgstack > *:first-child { border-style: none !important } main .blogs .post > .imgRight, main #blogposts .post > .imgRight { margin-left: -10px !important; max-width: calc(100% + 20px) !important } .aboutside { grid-template-columns: 1fr 1fr } .cycle-slideshow.ad div { background-image: none; width: 99% !important; } .upgradeMobile { display: none; } } @media(max-width:400px) { .threeCol { columns: 1; -webkit-columns: 1; -moz-columns: 1 } .upgradeoptions h3 a { font-size: 18px } .upgradeoptions .grid { grid-template-columns: 120px 1fr } }