*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0}.wrapper{display:flex;flex-direction:column;min-height:100vh}body{padding:5px}header{display:flex;flex-direction:row;background:linear-gradient(to right, #00183D, #014aad, #00183D);border:2px solid #014aad;border-radius:5px}main{flex:1}footer{height:50px;margin-bottom:5px;text-align:center;align-content:center;color:white;font-weight:bold;background:linear-gradient(to right, #00183D, #014aad, #00183D);border:2px solid #014aad;border-radius:5px}.logo{width:70%;height:70%}.topnav{display:flex;flex-direction:row;align-items:center;justify-content:center;height:50px}.navbuttontop{width:110px;padding:8px;color:#fff;background:#00183D;border:none;border-radius:8px;cursor:pointer;font-weight:bold;transition:transform .4s;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6)}.navbuttontop:hover{transform:scale(1.5);box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}.navbuttonbottom{width:100px;padding:8px;color:#fff;background:#00183D;border:none;border-radius:8px;cursor:pointer;font-weight:bold;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6)}nav a,nav a:visited{color:#000;font-size:20px;font-weight:bold;margin-left:30px;text-decoration:none;transition:.3s}nav a:hover{color:#014aad}.bottomnav{display:none}.copyright{color:white}.bottomnav{display:none}@media screen and (min-width: 300px) and (max-width: 1080px){nav{display:none}}@media screen and (min-width: 721px) and (max-width: 1800px){nav{display:flex;flex-direction:row}}@media screen and (min-width: 300px) and (max-width: 720px){.bottomnav{display:flex;flex-direction:row;justify-content:center;text-align:center}}@media screen and (min-width: 300px) and (max-width: 720px){.bottomnav a,.bottomnav a:visited{font-size:20px;font-weight:bold;color:#000;text-decoration:none;padding:10px}}.contactus{padding:10px;display:grid;grid-template-rows:repeat(1, 1fr);grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;justify-items:center}.contactusform,.mailtellhours{width:80%}.textingpeople{max-height:50%;max-width:50%}.form{padding:20px;border:2px solid #00183D;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6);border-radius:10px;text-align:center;align-content:center;max-width:auto;max-height:auto}.form p{font-size:30px;font-weight:bold;color:#014aad}.contactusheading{color:#014aad;font-size:30px;padding-top:10px;padding-bottom:10px}.contactusname,.contactusnumber,.contactusmail,.contactuscomment{font-size:30px;font-weight:bold;color:#014aad}.rb1text,.rb2text,.rb3text,.rb4text,.rb5text,.rb6text,.rb7text{font-size:20px;padding-left:5px}.contactusnameinput,.contactusnumberinput,.contactusmailinput{width:200px;height:30px;text-align:center}.contactuscommentinput{min-width:400px;max-width:400px;height:100px}.contactussubmitbutton{padding:8px;margin-top:20px;margin-bottom:20px;color:#fff;font-weight:bold;background:#00183D;border:none;border-radius:6px;padding-top:6px;cursor:pointer;transition:transform .4s;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6)}.contactussubmitbutton:hover{transform:scale(1.5);box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}.mailtellhours{align-content:center}.sendamail{display:flex;flex-direction:column;font-size:20px;border:2px solid #00183D;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6);border-radius:10px;text-align:center;max-width:100%;padding:10px;margin-bottom:20px}.contactusinfo{max-width:100%;border:2px solid #00183D;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6);border-radius:10px;padding:10px;margin-bottom:20px}.sendmailtext,.socialmediatext{color:#014aad;font-size:30px;font-weight:bold}.fa-regular{padding:4px 5px 0 0}.contactusteltable,.contactushourstable{display:flex;flex-direction:column;align-items:center}.contactperson{font-weight:bold;padding:10px}.number{padding-left:5px}.weekday{font-weight:bold;padding:10px}.hours{padding-left:5px}.contactusteltable th{color:#014aad;text-align:center}.contactushourstable th{color:#014aad;text-align:center}.maps{height:auto}.contactusmap{width:100%;height:100%;border:2px solid #00183D;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6);border-radius:10px}.socialmediatext{display:flex;justify-content:center}.socialmediatext{-webkit-animation:color_change 2s infinite alternate;-moz-animation:color_change 2s infinite alternate;-ms-animation:color_change 2s infinite alternate;-o-animation:color_change 2s infinite alternate;animation:color_change 2s infinite alternate}.socialmedia{border:2px solid #00183D;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6);border-radius:10px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;max-width:100%;max-height:100%;font-size:30px;text-align:center;padding:10px;margin-bottom:20px}.fa-facebook-f,.fa-x-twitter,.fa-linkedin,.fa-square-instagram{padding:5px;color:#000;text-decoration:none}.fa-brands{transition:.4s}.fa-brands:hover{color:#f00e0e;transform:scale(1.5)}#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:none;background-color:#014aad;color:white;cursor:pointer;padding:15px;border-radius:4px}#myBtn:hover{background-color:#f00e0e}@media screen and (max-width: 1080px){article{grid-column:span 12}}@media screen and (min-width: 300px) and (max-width: 720px){.bottomnav{display:flex;flex-direction:row;justify-content:center;text-align:center}}@media screen and (min-width: 300px) and (max-width: 720px){.bottomnav a,.bottomnav a:visited{color:#000;text-decoration:none;padding:10px}}@media screen and (min-width: 300px) and (max-width: 720px){.contactuscommentinput{min-width:200px;max-width:350px}}@media screen and (min-width: 300px) and (max-width: 720px){.sendmailtext{display:flex;flex-direction:row;text-align:center}}@media screen and (min-width: 300px) and (max-width: 1080px){.sendamail{display:flex;flex-direction:column;align-items:center;width:100%}}@media screen and (min-width: 300px) and (max-width: 1080px){.contactusform{width:100%}}@media screen and (min-width: 300px) and (max-width: 1080px){.mailtellhours{width:100%}}@media screen and (max-width: 720px){#myBtn{display:none !important}}@media screen and (max-width: 1080px){.fa-brands:hover{transform:none !important;color:#000}}@media screen and (max-width: 1080px){.contactussubmitbutton:hover{transform:none !important;box-shadow:10px 10px 10px 2px rgba(0,0,0,0.6)}}