body{margin:0;background-color:black}div.container{display:flex;flex-direction:row}div#front-image{order:1;width:36%;background-image:url(../media/Formal.jpeg);background-size:cover;background-position:center;height:100vh;z-index:1}div#title-content{order:2;width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:black}h1.front-page{font-size:88px;font-weight:100;letter-spacing:2px;font-family:'Catamaran',sans-serif;margin:0;color:white}h2.front-page{font-size:30px;font-weight:normal;margin-top:-20px;margin-bottom:0;letter-spacing:20px;font-family:'Raleway',sans-serif;color:#b50a0a}nav#front-menu ul{list-style:none;text-align:center;margin:45px 0;padding:0}nav#front-menu ul li{display:inline-block;font-size:24px;padding-right:10px;margin-right:10px}nav#front-menu ul li a{text-decoration:none;color:white;font-family:'Raleway',sans-serif}nav#front-menu ul li a:hover{text-decoration:underline;color:maroon}div#menu-icon{display:none}a{text-decoration:none;color:inherit}h3{color:white;position:fixed;top:0;left:30px;font-size:32px;font-family:'Catamaran',sans-serif;font-weight:300}#emphasis{color:#b50a0a}nav.main-menu{position:fixed;top:90px;left:30px}nav.main-menu ul{margin:0;padding:0;list-style:none;width:min-content}nav.main-menu ul li{margin-bottom:10px}nav.main-menu ul li a{text-decoration:none;color:white;font-size:20px;font-family:'Raleway',sans-serif}nav.main-menu ul li a:hover{color:#b50a0a}div.wrapper{max-width:980px;min-height:80vh;margin-left:400px;margin-top:100px}h1.content-header{color:white;margin:20px 10px;margin-bottom:40px;font-family:'Raleway',sans-serif;font-weight:300}p{color:white;font-size:22px;padding:10px;font-family:'Catamaran',sans-serif;font-weight:300;text-align:justify}p img{display:block;float:right;margin:40px 0 35px 25px}footer.copyright{font-size:12px;color:grey;float:left;font-family:'Catamaran',sans-serif;margin:10px}a#event-header-link{color:#b50a0a}h2{color:white;padding:0;margin:10px;font-family:'Catamaran',sans-serif;font-weight:300}span.event-info{color:white;font-family:'Catamaran',sans-serif;font-size:20px;margin:10px}p#event-header{text-align:left;padding:0;margin:10px}h1#contact{margin-bottom:50px}form input{background-color:black;color:white;border-style:none;border-bottom:2px solid white;margin:10px;width:50%;font-size:22px}form input#submit-button{width:max-content;border:1px solid white;padding:8px 12px;font-size:15px;margin:10px}form input#captcha{width:40px}form input:focus{outline:0}span.form{color:white;display:inline-block;margin:0 0 40px 10px;font-size:14px;font-family:Sans-serif;color:grey}form textarea{width:50%;height:200px;margin:10px;background-color:black;font-family:'Catamaran',sans-serif;color:white;font-size:18px;border:1px solid white;padding:5px 0 5px 5px}form textarea:focus{outline:0}a#resume{color:#b50a0a}@media screen and (max-width:1400px){div.wrapper{margin-left:200px;margin-right:20px;margin-top:-30px}h3#main-title{position:static;margin-top:20px;margin-left:30px;margin-bottom:10px}nav.main-menu{position:static;margin-left:30px;width:min-content}}@media screen and (max-width:1024px){div#front-image{display:none}div#title-content{width:100%;margin-top:200px}p img{float:none;width:450px;margin:10px 0}}@media screen and (max-width:695px){h1.front-page{font-size:66px}h2.front-page{font-size:22px;margin-left:15px}nav#front-menu ul{margin-left:20px}h3#main-title{text-align:center;margin:10px 0}nav.main-menu{margin:0 auto}nav.main-menu ul{width:max-content}nav.main-menu ul li{display:inline-block;margin-bottom:0;margin-right:20px}nav.main-menu ul li:nth-child(4){margin-right:0}div.wrapper{margin:10px auto;margin-top:60px;width:90%}h1.content-header{text-align:center}p img{margin:0 auto}form input{width:75%}form textarea{width:75%}form{width:90%}}@media screen and (max-width:540px){div#menu-icon{display:block;color:white;width:80px;height:34px;font-size:24px;border:1px solid white;margin:0 auto;margin-bottom:20px;font-family:'Catamaran',Sans-serif;text-align:center;text-transform:uppercase;cursor:pointer}ul#nav{display:none;position:relative;width:100%}nav.main-menu{width:100%;height:34px;position:relative;top:0;left:0}nav.main-menu ul li{margin:0;text-align:center;width:100%;background-color:grey;border-bottom:1px solid white;padding:20px 0}nav.main-menu ul li:nth-child(4){border-bottom:0}nav#front-menu ul{margin-left:0}nav#front-menu ul li{width:100%;padding-bottom:20px;padding-right:0;margin:0}h1.front-page{font-size:48px}h2.front-page{font-size:20px;letter-spacing:10px;margin-left:19px}nav#front-menu ul{margin-left:0}nav#front-menu ul li{width:100%;padding-bottom:20px;padding-right:0;margin:0}h3#main-title{font-size:26px}p img{width:90%}p{font-size:18px}}