@media only screen and (min-width :768px) and (max-width :2600px){ul{margin-top:0;margin-bottom:.6rem}nav{line-height:1.2}.project-wrapper{margin:0 100px}.about-wrapper{width:500px}}@media only screen and (min-width :481px) and (max-width :767px){p.about{font-size:.8em}.about-wrapper{width:400px}}@media only screen and (min-device-width :320px) and (max-device-width :1200px){h3.thumbnail_title{opacity:1}}@media only screen and (min-device-width :320px) and (max-device-width :767px){nav h1{font-size:1.5em}nav h2{font-size:1em}nav li a{font-size:.8em!important}#logo{width:30px;height:auto}.nav2 a{margin:5px;font-size:.9em}h3.thumbnail_title{opacity:1}}@media only screen and (min-device-width :320px) and (max-device-width :480px){h3.thumbnail_title{opacity:1}p.about{font-size:.8em}h1.project_title{font-size:12px}p.project{font-size:10px}.about-wrapper{width:80vw}}@media only screen and (min-device-width :280px) and (max-device-width :320px){nav h1{font-size:1em}nav h2{font-size:.7em}nav li a{font-size:.8em!important}#logo{width:20px;height:auto}.nav2 a{margin:4px;font-size:.6em}h3.thumbnail_title{opacity:1}p.about{font-size:.8em}}