@media (min-width: 320px) and (max-width: 600px){.home a{position:relative;outline:1px solid #2b2b2b;padding:0;width:100%;height:auto;right:auto;bottom:auto}.home a:hover{bottom:auto;right:auto;box-shadow:0 0}.home h1{padding:5%;font-size:1.7rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;justify-items:center}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects p{font-size:14px}.home_projects div{height:450px}.home_projects div:nth-child(2){grid-column:1/4}.home_projects div:nth-child(3){grid-column:1/4}.home_projects div:nth-child(4){grid-column:1/4}.home_projects div:nth-child(5){grid-column:1/4}.home_projects a{padding:8px}.home_projects .project-image-container{height:80%}.work_box{display:flex;flex-direction:column;align-items:center}.work_grid{width:75%}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .full_width_phone{display:flex}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:100%;height:auto}}@media (min-width: 601px) and (max-width: 1024px){.home a{padding:16px;right:25%;width:55%}.home a:hover{bottom:24px;right:25%;box-shadow:0 0}.home h1{font-size:2rem}.character .grid_template{display:grid;grid-template-columns:1fr 1fr 1fr}.character .grid_template .grid-element{display:flex;justify-content:center;align-items:center;padding:24px;height:auto}.character .grid_template img{width:100px}.home_projects{margin:24px 0;grid-template-columns:1fr 1fr}.home_projects div:nth-child(2){grid-column:1/2}.home_projects div:nth-child(4){grid-column:1/2}.home_projects div:nth-child(5){grid-column:2/4}.home_projects a{padding:8px}.work{display:flex;flex-direction:column;align-items:center}.work h1{position:absolute;left:35px}.work_box{display:flex;flex-direction:column;align-items:center}.work_grid{width:100%}.info p,.project p{font-size:14px}.project .project_head{padding:24px}.project .project_body{width:100%;padding:24px}.project .project_body .grid_template{display:grid;grid-template-columns:1fr 1fr;align-items:start}.project .project_body .grid-element{margin:0;padding:8px;width:100%}.project .project_body .closeup img{width:400px;height:auto}}
