html,body{margin:0;padding:0;box-sizing:border-box;font-family:'Belgrano', sans-serif}button{cursor:pointer;border:none;-webkit-appearance:none}button:focus{outline:none}*,*:before,*:after{box-sizing:inherit}footer .links{float:right}.fa-3x{color:black;margin-left:0.5em;float:right;margin-right:0.3em;margin-bottom:0.5em}footer{background-color:#a76100;width:100%}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}nav{width:100%;height:45px;position:fixed;z-index:3;background-color:#000;display:flex;align-items:center}nav ul{width:75%;padding:0;margin:0 auto;list-style-type:none;display:flex;justify-content:space-between}nav ul li{color:#fff;font-size:18px;float:left;margin:0 15px}nav ul li a{text-decoration:none;color:white}@media only screen and (max-width: 480px){nav ul li{text-align:center;font-size:14px}nav ul{width:100%}}#myWork{background-color:white;font-size:1.5em;width:80%;color:#a76100;box-shadow:10px 5px 5px #000;display:flex;flex-direction:column;margin:0 auto;position:relative;top:3em;margin-bottom:5em}#myWork h2{text-align:center;font-size:2em}@media only screen and (max-width: 768px){#myWork{margin-bottom:2em}}.projects{padding:0 0 140px 0}.projectDiv{height:43em;width:40%;margin-left:7%;float:left;margin-top:4em;box-shadow:10px 5px 5px black;border:solid black 3px}.firstButton{height:8%;background-color:red}.test{height:92%}.projectPic{width:100%;height:60%}.projectPic img{width:100%;height:100%;object-position:center}.projectDiv h2{text-align:center;font-size:1.5em;bottom:0.6em;font-weight:bold;color:#A76100}.projectDiv p{color:black;padding-left:1em;padding-right:1em;font-size:1.2em}.projectDiv p a{color:#A76100}.projectDiv a button{font-size:1.1em;font-weight:bold}.firstButton .view{background-color:white}button{width:50%;float:left;background-color:#A76100;height:100%}.fa{margin-left:0.5em}@media only screen and (max-width: 1024px){.projectDiv p{font-size:1em}.projectDiv h2{font-size:1.2em}.projectDiv a button{font-size:1em}}@media only screen and (max-width: 768px){.projects{padding:0 60px 140px 60px}.projectDiv{width:100%;height:35em;margin:4em 0 0 0}}@media only screen and (max-width: 480px){.projects{padding:0 0 140px 0}}.contact{float:left;width:100%;background-color:#a76100}.contactMe{width:80%;height:6.5em;box-shadow:10px 5px 5px black;position:absolute;background-color:white;margin-left:10%;margin-top:-4%}.contactMe h2{color:#a76100;text-align:center;font-size:3em;position:relative;bottom:30px}.contactForm{width:50%;top:15em;margin:0 auto}.contactSum h3{font-size:1.5em;color:white;text-align:center;width:75%;margin:5em auto 0}.contactForm form input{width:100%;display:inline-block;height:2.5em;font-size:1em;border-radius:0.3em}.contactForm form textarea{height:15em;width:100%;margin-bottom:1em;border-radius:0.5em}.contactForm form p{color:white}#submit_button{width:100%;background-color:black;color:white;border-radius:1em}.buttonDiv{width:40%;margin:0 auto}@media only screen and (max-width: 768px){.contactForm{width:75%}}@media only screen and (max-width: 768px) and (max-width: 480px){.contactSum h3{font-size:1.3em}}.home-banner{background-color:#A76100;width:100%}.aboutMe img{width:28%;height:auto;float:left;margin:11em 5% 5%}.amDiv{width:45%;float:left;margin-top:5em;color:white}.amDiv h1{font-size:36px;margin-top:2.5em}.amDiv h1 span{color:black}.amDiv p{font-size:20px}.amDiv p span{font-weight:900;color:black;font-size:1.1em}@media only screen and (max-width: 1024px){.aboutMe img{width:36%;margin-top:15em}}@media only screen and (max-width: 768px){.amDiv{width:85%;text-align:center;margin:0 auto;float:none;padding:40px 0 0 0}.amDiv h1{text-align:center;margin:0}.timsPic{display:flex}.timsPic img{margin:0 auto;height:auto;width:auto;margin-top:6em}}@media only screen and (min-width: 320px) and (max-width: 480px){.amDiv h1{font-size:32px}.amDiv p{font-size:18px}}