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