*{margin:0;padding:0;box-sizing:border-box}a,body,button,input{font-family:Poppins,sans-serif}a{text-decoration:none;color:#000}body{background:#e2e8e9}.container1{background-color:#002e6e;position:fixed;width:100%;top:0;z-index:5}.clearFix{clear:both}.header_container{flex:1;display:flex;align-items:flex-start;padding:10px;flex-wrap:wrap}header{display:flex;align-items:center;width:1100px;margin:auto}header .header_start{display:flex;align-items:center}header .cont{display:flex;align-items:center;transition:.2s}.cont:hover{cursor:pointer;transform:scale(1.05)}.heighlight{color:#fff}.logo{width:60px;margin-right:10px;display:flex;align-items:center;justify-content:center}.logo img{width:100%}nav{flex:1}nav ul{list-style:none;display:flex;align-items:center}nav ul li{border-radius:5px;margin:0 25px;text-align:center}nav ul li a{display:block;text-decoration:none;color:#fff;padding:7.5px 12.5px;border-radius:5px;font-weight:600}nav ul li a.active,nav ul li a:hover{background:#5f9fd3;color:#fff;box-shadow:none;transition:.2s}.active{background:#fff}.container{background-color:#364269;width:780px;margin:auto;display:flex;flex-direction:column;align-items:center;margin-top:100px;margin-bottom:50px;box-shadow:0 5px 30px gray;border-radius:10px}.intro_container{width:100%;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px;border-top-left-radius:10px;border-top-right-radius:10px}.intro{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.intro h1,.intro p{z-index:1;color:#fff;filter:drop-shadow(0 2px 2px #000)}.intro h1{font-size:40px;margin-bottom:10px}.intro p{font-size:20px}.contact_img{position:absolute;width:100%}.contact_img::after{width:100%;height:100%;content:"";position:absolute;background:#155e80;top:0;left:0;z-index:1;opacity:.7}.contact_img img{width:100%;filter:blur(1.5px);transform:translate(0,60px)}form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.names{width:100%;display:flex;align-items:center;justify-content:center}.first_name,.last_name{flex:1;margin:10px;border-radius:8px;box-shadow:1px 1px 2px #000;background:#f3f3f3;height:50px;display:flex;align-items:center}.email input,.first_name input,.last_name input,.subject input{background:0 0;width:100%;height:100%;border:none;outline:0;flex:1;margin:5px;margin-left:15px;font-size:18px}.email_container,.subject_container{width:100%}.email,.subject{margin:10px;border-radius:8px;box-shadow:1px 1px 2px #000;background:#f3f3f3;height:50px;display:flex;align-items:center}.submit-btn{border:2px solid #5f9fd3;color:#fff;background:#5f9fd3;font-size:16px;width:150px;font-weight:500;height:50px;cursor:pointer;transition:.2s;border-radius:4px;margin-top:20px;margin-bottom:30px;box-shadow:0 1px 1px #000}.submit-btn:hover{transform:scale(1.075)}.message{align-self:flex-start;display:flex;flex-direction:column;width:100%;margin-top:10px}.message h2{margin-left:10px;color:#666;display:none}.main_textbox_container{flex:1;width:100%}.textbox_container{height:200px;border-radius:8px;background:#f3f3f3;box-shadow:1px 1px 2px #000;margin:10px;margin-top:5px;padding:5px}.textbox_container textarea{outline:0;border:none;background:0 0;border-radius:8px;width:100%;height:100%;padding:5px;font-size:16px;resize:none}.attachment_container{width:56%;align-self:flex-start}.attachments{margin-left:10px;margin-right:10px;background:#5f9fd3;border-radius:40px;flex-wrap:wrap;margin-top:10px;padding:20px;box-shadow:0 1px 1px #000}.main_att_container{display:flex;align-items:center;flex-direction:column;justify-content:flex-start}.att_up_container{width:100%;display:flex;align-items:center}.att_down_container{width:100%;height:0;border-radius:5px;margin-top:10px}.att_down_container img{width:100%;border-radius:10px}.att_img_container{height:45px;display:flex;align-items:center;justify-content:center;margin:5px;margin-right:15px}.att_img_container img{height:100%;filter:drop-shadow(0 1px 1px #000)}.att_info{flex:1;width:50%;color:#fff;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center}input[type=file]{flex:1;outline:0;border:none}.att_remove{width:30px;transition:.2s;margin-top:5px}.att_remove:hover{cursor:pointer;transform:scale(1.1)}.attachments:hover .att_info{overflow:visible;overflow-wrap:break-word}footer{padding:5px;background-color:#002847;color:#fff}.foot{display:flex;flex-direction:column;align-items:center}.foot p{flex:1;text-align:center}.foot h5{flex:1;font-weight:300;text-align:center}@media screen and (max-width:1100px){header{width:100%}nav{flex:1}nav ul{justify-content:space-around}}@media screen and (max-width:800px){.menu_toggle{display:block;background-color:transparent;width:40px;height:40px;margin:10px;float:right;cursor:pointer;text-align:center;font-size:30px;color:#5f9fd3;transition:.2s}nav{flex:0;align-self:center}header{flex-direction:column;align-items:flex-start}.header_container{width:100%}header .header_start{flex:1}.menu_toggle:hover{transform:scale(1.2)}.menu_toggle::before{content:"\f0c9";font-family:fontAwesome;color:#5f9fd3;line-height:40px}nav{display:none}nav ul{flex-direction:column;align-items:center}nav ul li{margin:5px 10px}.container1{position:static}.container{margin:0;width:95%;margin:auto;margin-top:10px;margin-bottom:20px}.contact_img{position:static;width:100%;height:100%}.contact_img img{transform:translate(0,0);height:100%;object-fit:cover;object-position:top}.intro{position:absolute}.attachment_container{width:75%}}@media screen and (max-width:500px){.att_img_container{height:40px;margin-right:5px}.att_info h3{font-size:15px}.att_info{overflow:visible}.att_up_container{flex-direction:column;align-items:flex-start}}@media screen and (max-width:400px){.att_info h3{font-size:13px}input[type=file]{color:#000}.attachment_container{width:100%}.foot p{flex:1;text-align:center;font-size:12px}.foot h5{flex:1;font-weight:300;text-align:center;font-size:10px}}