*,body{margin:0;padding:0}body{font-family:Calibri,Arial,Helvetica,sans-serif;font-size:16px}a,input{outline:none;text-decoration:none}img{border:none}.clear{clear:both}#background{z-index:0;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover}.container{margin:80px auto 20px;position:relative;padding:20px;background:hsla(0,0%,100%,.85);z-index:1;max-width:970px}header{position:relative;margin-bottom:10px}header h1{text-align:center;display:block;color:#17375e;font-weight:700;font-size:64px;margin-top:0;margin-bottom:0}@media (max-width:768px){header h1{font-size:48px}}header .header-img{border-bottom:5px solid #fca053;box-shadow:1px 2px 1px #afb6bc;margin:10px 0 2px}header .header-img.second{margin-top:8px}header ul{list-style-position:outside;margin:0 0 5px 10px;padding:0}header ul li{list-style-type:none;float:left;padding:2px 5px;margin:6px 10px 0;box-shadow:2px 2px 10px #afb6bc;border:5px solid #fca053;color:#17375e;font-weight:700}header ul li a{cursor:pointer;color:#17375e;text-decoration:none}header ul li.current a,header ul li:hover a{color:red}.content{margin:20px 40px}@media (max-width:768px){.content{margin-left:20px;margin-right:20px}}.content p{margin-top:10px}.content #me{float:right;max-width:100%;width:400px;margin:0 0 30px 40px;border:5px solid #333;box-shadow:2px 2px 10px #888}@media (max-width:992px){.content #me{width:300px}}@media (max-width:480px){.content #me{float:none;width:100%;margin:0 0 20px}}.content ul{margin:20px 0 20px 40px;list-style-type:square}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px}@media (max-width:600px){.photo-grid{grid-template-columns:1fr}}.content .showimage{border:1px solid #ccc;box-shadow:5px 5px 0 #999;padding:5px;cursor:pointer;display:block;width:100%;height:auto}.info{margin:0 auto;font-size:20px;font-weight:700;text-transform:uppercase;position:relative}.info .box{background-color:#17375e;color:#fff;margin:0 0 30px 40px;padding:18px;display:block;float:right;border:5px solid #000;border-radius:2px}.info .box a{color:#fff;text-decoration:none}.info .box p{margin:0}.contact{width:300px;margin:60px 0 -20px;float:left;display:inline}.contact span{color:#17375e;font-size:26px;margin:-20px 10px 10px -20px;display:block;font-weight:700}.contact .sendbutton,.contact input,.contact textarea{padding:8px 0 8px 5px;margin:0 0 10px;width:320px;border:1px solid #999;color:#555;font-size:16px;border-radius:3px;font-family:Calibri,Arial,Helvetica,sans-serif}.contact .send-container{width:160px;margin-left:200px}.contact .mail-feedback{margin:10px 0 20px;font-size:16px;display:none}.contact .mail-feedback.error{color:#eb1515;display:block}.contact .mail-feedback.success{color:green;display:block}.contact .error-field{background:#ffdede;border-color:#ff8787!important}.contact textarea{height:80px;resize:none}.contact .sendbutton{float:right;width:auto;margin-bottom:16px;margin-right:0;padding:4px 20px;background:#cfcfcf;color:#858585;text-shadow:1px 1px 1px #fff;border:none;text-transform:uppercase;font-weight:700;font-size:14px;cursor:pointer}.contact .sendbutton:disabled{opacity:.6;cursor:not-allowed}@media (max-width:992px){.contact{width:250px}.contact .sendbutton,.contact input,.contact textarea{width:270px}.contact .sendbutton{width:auto}.contact .send-container{width:160px;margin-left:125px}}footer{margin:20px auto 0;position:relative}footer .footer-img{border-bottom:5px solid #fca053;box-shadow:1px 2px 1px #afb6bc;margin-bottom:10px}footer span{padding:0 20px;display:block;color:#17375e}footer span a{color:#17377e;text-decoration:none}.alert{padding:12px 16px;margin-bottom:16px;border-radius:4px;font-weight:700}.alert-danger{background-color:#f2dede;border:1px solid #ebccd1;color:#a94442}