/*!
Theme Name: MaseraTile
Theme URI: http://nightandday.com.au
Description: A slick, tile driven WordPress theme that forms the basis for the third iteration of the Night & Day website.
Author: Night & Day Digital Team
Version: 1.0
*/@import url(sass/slick.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.slick-loading .slick-list{background:#fff url("./images/ajax-loader.gif") center center no-repeat}@font-face{font-family:"slick";src:url("./fonts/slick.eot");src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:30px;width:30px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none;z-index:10}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:30px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:10px}[dir="rtl"] .slick-prev{left:auto;right:10px}.slick-prev:before{content:"←"}[dir="rtl"] .slick-prev:before{content:"→"}.slick-next{right:10px}[dir="rtl"] .slick-next{left:10px;right:auto}.slick-next:before{content:"→"}[dir="rtl"] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.clear{clear:both}.clear-left{clear:left}.clear-right{clear:right}.pull-left{float:left}.pull-right{float:right}.align-centre{text-align:center}.uc{text-transform:uppercase}a{text-decoration:none}*{margin:0}html{height:100%}img{max-width:100%;height:auto}strong{font-weight:bold}em{font-style:italic}.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto 50px}.relative{position:relative}.push,.footer{height:50px}.container{margin:0 auto}body{height:100%;font-size:13px;font-family:"Montserrat",sans-serif;background:#e2e2e2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-montserrat{font-family:"Montserrat",sans-serif}.font-varela{font-family:"Varela Round",sans-serif}p{line-height:1.2em;margin-bottom:1em}.container{max-width:1024px;margin:0 auto}header{position:fixed;top:0;left:0;width:100%;background:#555;z-index:1001;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}header.fade{background:rgba(85,85,85,0.4)}header h1{padding:20px 0 10px}.tophat{height:73px}nav ul{padding:30px 0px;float:left}nav ul+ul{padding-left:3em}nav ul.social li+li{margin-left:1.5em}nav li{float:left;position:relative}nav li+li{margin-left:3em}nav li.current a::after{content:"";font-family:"FontAwesome";position:absolute;left:50%;bottom:-20px;margin-left:-6px;font-size:22px}nav a{font-size:1.1em;text-transform:uppercase;font-weight:bold;color:#fff;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}nav a:hover{color:#ff6913}.menu-toggle{padding-top:15px;float:right;font-size:1.3em;color:#fff;text-transform:uppercase;cursor:pointer;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}.menu-toggle:hover{color:#ff6913}.menu-toggle:hover span.line{background-color:#ff6913}.hamburger{display:inline-block;margin-left:5px;position:relative;top:3px}.hamburger span.line{width:17px;height:2px;background-color:#fff;display:block;margin:3px auto;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}main{background:#555}.lead{padding:150px 0 250px;color:#fff;overflow:hidden}.lead h2{font-size:4.9em;line-height:1.2em;margin-bottom:.3em}.lead h3{font-size:2.8em;line-height:1.5em;margin-bottom:1em}.lead h4{font-size:2em;line-height:1.5em;margin-bottom:1em}.lead p{font-size:1.4em;line-height:1.7em}.lead p .key-button{font-size:.8em}.lead a{color:#ff6913;position:relative;display:inline-block;-moz-transition-property:color,background;-o-transition-property:color,background;-webkit-transition-property:color,background;transition-property:color,background;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}.lead a:hover{background:#ff6913;color:#fff}.gform_wrapper{padding-top:40px}.gform_wrapper .gform_fields li{float:left;margin-bottom:1.2em;width:48%;max-width:480px;clear:left}.gform_wrapper .gform_fields li.right-shift{float:right;clear:right}.gform_wrapper .gform_fields li.gsection{display:none}.gform_wrapper .gform_fields li.sub-section li{width:100%;max-width:none}.gform_wrapper .gform_fields li.gfield_error label.gfield_label{color:#ffac08}.gform_wrapper .gform_fields li.gfield_error span.gfield_required{color:#ffac08}.gform_wrapper .gform_fields input[type='text'],.gform_wrapper .gform_fields textarea{outline:none;background:#fff;border:0;width:100%;font-size:1.3em;line-height:1.4em;padding:8px;color:#000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.gform_wrapper .gform_fields textarea{resize:vertical;height:273px}.gform_wrapper .gform_fields label.gfield_label{font-size:1.4em;margin-bottom:.3em;display:block}.gform_wrapper .gform_fields span.gfield_required{color:#ff6913}.gform_wrapper .gform_footer{clear:both}.gform_wrapper .validation_error{color:#ffac08;font-size:1.1em;margin-bottom:1em}.gform_wrapper .validation_message{display:none}.gform_button,.key-button{display:inline-block;background:#ff6913;cursor:pointer;font-size:1.6em;text-transform:uppercase;color:#fff;outline:none;border:0;border-radius:20px;padding:8px 24px;font-weight:bold;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}.gform_button:hover,.key-button:hover{background:#ff8946}.carrot{padding-top:25px;text-align:center}.carrot a{color:#ff6913;font-size:11em;display:inline-block;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}.carrot a:hover{color:#ff8946;background:none}section.hero img{width:100%;height:auto;display:block}section.panels.black article{color:#000}section.panels.white article{color:#fff}section.panels li{float:left;width:50%;min-height:400px;background:no-repeat center center;background-size:cover;position:relative}section.panels li.image{overflow:hidden}section.panels li.image img{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;max-width:none;width:auto;height:100%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.panels li.video{overflow:hidden}section.panels li.video video{position:absolute;left:50%;top:50%;min-width:100%;min-height:100%;max-width:none;width:auto;height:100%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.panels li.plain{display:table}section.panels article{display:table-cell;vertical-align:middle;padding:30px 40px}section.panels h2{font-size:3em;margin-bottom:.5em}section.panels p{font-size:1.2em;line-height:1.45em}section.flex-panels.black article{color:#000}section.flex-panels.black article p a:hover{border-color:#000}section.flex-panels.white article{color:#fff}section.flex-panels ul{display:flex;flex-wrap:wrap;gap:0;align-items:stretch}section.flex-panels li{flex-basis:50%;min-height:30vw;background:no-repeat center center;background-size:cover;position:relative}section.flex-panels li.plain{display:flex;align-items:center}section.flex-panels li img,section.flex-panels li video{width:100%;height:100%;display:block;object-fit:cover}section.flex-panels article{padding:30px 40px}section.flex-panels h2{font-size:3em;margin-bottom:.5em}section.flex-panels p{font-size:1.2em;line-height:1.45em}section.flex-panels p a{color:inherit;text-decoration:underline}section.flex-panels p a:hover{text-decoration:none;border-bottom:1px dashed #fff}.filterbar{height:50px;background:#e2e2e2}.filterbar.hidden{overflow:hidden}section.projects-grid .project-item{width:33.33333%;padding:16.66667% 0;z-index:1;overflow:hidden;position:relative}section.projects-grid .project-item.double{width:66.66667%;padding:19.23333% 0}section.projects-grid .project-item .image-container{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;z-index:2}section.projects-grid .project-item .image-container img{position:absolute;top:50%;left:50%;max-width:none;width:auto;height:100%;min-width:100%;min-height:100%;transform:translate(-50%, -50%)}section.projects-grid .project-item .overlay{width:100%;height:100%;position:absolute;top:0;left:0;transition-duration:.3s;opacity:0;z-index:3}section.projects-grid .project-item .overlay:hover{background:rgba(19,19,19,0.8);opacity:1}section.projects-grid .project-item .overlay .codename{color:#fff;padding:0 40px;position:absolute;top:50%;left:0;transform:translateY(-50%);width:calc(100% - 80px)}section.projects-grid .project-item .overlay .codename h4{font-size:2.2em;line-height:1.4em;text-transform:uppercase;font-weight:bold;margin-bottom:.2em;text-align:center}section.projects-grid .project-item .overlay .codename h5{font-size:3.1em;font-family:"Varela Round",sans-serif;line-height:1.3em;text-align:center;text-transform:uppercase}section.projects-grid .project-item .icon-pull{position:absolute;top:50%;margin-top:-0.5em;left:3%;font-size:6em;color:#fff}section.projects-grid .project-item.block-link .overlay{opacity:1}section.projects-grid .project-item.block-link .overlay:hover{background-color:#ff6913}section.projects-grid .project-item.block-link .overlay:hover h4{height:40px;margin-bottom:.2em}section.projects-grid .project-item.block-link .overlay h4{overflow:hidden;height:0;margin-bottom:0;-moz-transition-property:height,margin;-o-transition-property:height,margin;-webkit-transition-property:height,margin;transition-property:height,margin;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}section.projects-grid .project-item.block-link .overlay h5{font-family:"Montserrat",sans-serif;font-size:4em;text-transform:none}section.projects-grid .project-item.strip-link{width:100%;padding:7% 0}section.projects-grid .project-item.strip-link .overlay{opacity:1}section.projects-grid .project-item.strip-link .overlay:hover{background-color:#ff6913}.filter-dropdown{display:inline-block;height:50px;padding:14px 18px;position:relative;color:#585858;font-size:1.1em;cursor:pointer;transition-duration:.3s;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filter-dropdown:first-of-type{margin-left:-18px}.filter-dropdown .label{line-height:18px}.filter-dropdown .label .fa{color:#ff6914;font-weight:bold;transition-duration:.3s;float:right;margin:2px 0 0 4px}.filter-dropdown .dropdown{max-height:0;overflow:hidden;position:absolute;top:50px;left:0;z-index:10;background:#e2e2e2;width:100%;padding:0;transition-duration:.3s;min-width:200px}.filter-dropdown .dropdown li{display:block}.filter-dropdown .dropdown li a{padding:10px 18px;display:block;cursor:pointer}.filter-dropdown .dropdown li a:hover{background:#c9c9c9}.filter-dropdown.active .click-filter{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;cursor:default}.filter-dropdown.active .label .fa{transform:rotate(-180deg)}.filter-dropdown.active .dropdown{max-height:800px;padding:10px 0;z-index:501}.mobile-only{display:none}.curtain{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(85,85,85,0.95)}footer{padding:10px 0}footer p{line-height:32px;margin-bottom:0;color:#545454}footer a{color:#545454;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}footer a:hover{color:#ff6913}footer a:hover span.disc{background:#ff6913}footer a:hover span.disc i{color:#e2e2e2}footer .to-the-top{margin-left:12px}footer .to-the-top strong{display:none}footer span.disc{display:inline-block;width:32px;background:#545454;border-radius:16px;text-align:center;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}footer span.disc.inline{display:inline-block}footer span.disc i{line-height:32px;color:#e2e2e2}.social::after{content:" ";display:block;clear:both}.social li{float:left}.social li+li{margin-left:12px}.social a{font-size:1.25em}.social strong{display:none}.testimonials{overflow:hidden;position:relative}.testimonials .quote{opacity:.1;position:absolute;z-index:10}.testimonials .quote.before{top:-30px;left:20px}.testimonials .quote.after{bottom:-30px;right:20px;transform:rotate(180deg)}.testimonials .slide{outline:none;color:#fff;padding:160px 50px;position:relative;overflow:hidden}.testimonials .slide blockquote{z-index:15;font-size:2.5em;max-width:800px;margin:0 auto 20px}.testimonials .slide>p{z-index:15;font-size:1.8em;max-width:800px;margin:15px auto}.testimonials .slide .logo{text-align:center}.testimonials .carrot{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.testimonials .slick-slider{margin:0}.spinner{display:inline-block;position:absolute;top:50%;left:50%;width:85px;height:85px;border-radius:100%;border:5px solid transparent;border-bottom:4px solid #e2e2e2;border-left:4px solid #e2e2e2;margin:-54px 0 0 -44px;animation:spinR 2s linear infinite}.spinner:before,.spinner:after{content:"";display:block;border-radius:100%;position:absolute}.spinner:before{height:50px;width:50px;border:2px solid transparent;border-top:2px solid #e2e2e2;border-right:2px solid #e2e2e2;animation:spinL .75s linear infinite;transform-origin:center center;top:11%;left:11%}.spinner:after{height:10px;width:10px;background:transparent;border:1px solid #e2e2e2;top:35.5%;left:35.5%}@keyframes spinR{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spinL{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.gridlock::after{clear:both;content:"";display:table}.gridblock{float:left;height:320px;overflow:hidden;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.gridblock-single{width:33.33333%}.gridblock-double{width:66.66667%}.gridblock-right{float:right}.gridblock .image-container{width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px;z-index:2}.gridblock .image-container img{position:absolute;top:50%;left:50%;max-width:none;width:auto;height:100%;min-width:100%;min-height:100%;transform:translate(-50%, -50%)}.gridblock .item-content{padding:20px 5%;text-align:center;color:#fff;position:absolute;top:50%;left:0;width:90%;transform:translateY(-50%)}.gridblock .item-content h2{font-size:2.4rem;line-height:2.8rem;margin-bottom:1.2rem}.gridblock .item-content li{font-size:1.5rem;line-height:2.2rem}.logoset{margin:1rem 0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.logoset li{max-width:17%;text-align:center}.divider-title{margin:3.5rem 0;font-size:1.8rem;line-height:2.2rem;text-align:center;color:#fff}.divider-title.above{margin-bottom:1rem}.button{display:inline-block;background:#ff6913;color:#fff;font-size:1.1rem;line-height:2.8rem;padding:0 22px;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s;transition-duration:.2s;-moz-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background}.button:hover{background:#ff8946}@media screen and (min-width: 1201px) and (max-width: 1366px){section.projects .codename{font-size:.8em}}@media screen and (max-width: 1200px){header h1 img{max-width:80%}body{font-size:11px}.container{padding-left:12px;padding-right:12px}section.projects li{width:50%}.gform_wrapper .gform_fields textarea{height:246px}.gridlock .item-content{padding:18px 4%;width:92%}.gridlock .item-content h2{font-size:2rem;line-height:2.3rem;margin-bottom:1rem}.gridlock .item-content li{font-size:1.3rem;line-height:1.8rem}}@media screen and (max-width: 1100px){section.projects-grid .project-item{width:50%;padding:25% 0}section.projects-grid .project-item.strip-link{padding:12% 0}}@media screen and (max-width: 1023px){header{height:54px}header h1{padding-top:14px;width:120px}header h1 img{max-width:100%}.tophat{height:54px}section.panels li{width:100%;min-height:0}section.panels li.image img{position:static;left:0;top:0;min-width:0;min-height:0;max-width:none;width:100%;height:auto;display:block;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}section.flex-panels li{flex-basis:100%;min-height:0}.mobile-only{display:block}nav{display:none;position:absolute;top:54px;left:0;width:100%;overflow-y:scroll}nav.open{display:block}nav ul{padding:0 12px;float:none}nav ul+ul{padding-left:12px}nav ul.social li+li{margin-left:0}nav ul.social span.disc{margin-right:8px}nav ul.social i{font-size:1.7em}nav ul.social strong{color:#c5c5c5;position:relative;top:-3px;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}nav ul.social a:hover strong{color:#ff6913}nav li{float:none;margin-bottom:10px}nav li+li{margin-left:0}nav li.current a::after{content:"";position:relative;left:10px;bottom:-2px;margin-left:0}nav a{display:block;font-size:1.5em;padding:8px 0}.lead{padding:75px 12px 125px}footer .pull-left,footer .pull-right{float:none;padding:.5em 0;text-align:center}footer a.to-the-top{display:block;margin:.8em 0 .5em;text-align:center}footer a.to-the-top strong{display:inline}footer span.disc{margin-right:.6em}.social{text-align:center}.social li{float:none;margin-bottom:.6em;display:inline-block;padding:5px 10px;margin:5px 10px}.social li+li{margin-left:0}.social strong{display:inline}.gridlock .item-content{padding:15px 3%;width:94%}.gridlock .item-content h2{font-size:1.7rem;line-height:2rem;margin-bottom:1rem}.gridlock .item-content li{font-size:1.1rem;line-height:1.5rem}}@media screen and (max-width: 840px){.gform_wrapper .gform_fields li{float:none;width:100%;max-width:none}.gridblock{float:none;height:auto}.gridblock-right{float:none}.gridblock-single,.gridblock-double{width:auto}.gridblock .item-content{position:static;transform:none;padding:25px 3%}.gridblock .image-container{position:static;transform:none;width:auto;height:auto}.gridblock .image-container img{position:static;width:100%;height:auto;display:block;transform:none}.logoset{justify-content:center}.logoset li{max-width:19%;text-align:center;padding:6px 3%}}@media screen and (min-width: 641px) and (max-width: 840px){section.projects .codename{font-size:.8em}section.projects-grid .project-item .icon-pull{display:none}}@media screen and (max-width: 680px){section.projects-grid .project-item{width:100%;padding:50% 0}section.projects-grid .project-item.strip-link{padding:30% 0}.filter-dropdown{font-size:14px;padding:15px 8px}.filter-dropdown:first-of-type{margin-left:0}.logoset li{max-width:25%}}@media screen and (min-width: 321px) and (max-width: 640px){section.projects .codename{font-size:.6em}}@media screen and (max-width: 480px){.lead{padding:32px 12px 64px}.lead h2{font-size:3.6em}.filterbar .filter-dropdown{font-size:12px;padding:15px 6px}.filterbar .filter-dropdown:last-of-type{float:right}.filterbar .filter-dropdown:last-of-type .dropdown{right:0;left:auto;text-align:right}.filterbar .filter-dropdown:last-of-type .label .fa{float:left;margin:2px 4px 0 0}.filterbar .filter-dropdown .dropdown{min-width:120px}}@media screen and (max-width: 340px){.filterbar .container{padding:0}.filterbar .filter-dropdown{font-size:12px}}@media screen and (max-width: 320px){section.projects li{width:100%;float:none;display:block}section.projects .codename{font-size:.8em}}