@charset "utf-8";
/* CSS Document */

	body {
	background-color: #faeddc;
	margin-left: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-image: url(Images/Background-linen.jpg);
	background-repeat: repeat;
	}

	body,td,th {
	font-family: "Montserrat", Tahoma, sans-serif;
	color: #000000;
	}
	
/* MENU RULES */
    header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      background: rgba(40, 100, 100, 1);
      color: white;
    }

    .nav-container {
      max-width: 1400px;
	  margin: auto;
	  padding: 0px 14px;
	  display: grid;
	  grid-template-columns: 60px 1fr 160px;
	  align-items: center;
    }
	
	nav {
	  grid-column: 2;
	  justify-self: center;
	}
    
	nav ul {
      display: flex;
      list-style: none;
      gap: 28px;
    }

    nav a {
		color:#FFFFFF;
		text-decoration: none;
    }

    .hamburger {
    	display: none;
    	font-size: 2rem;
    	cursor: pointer;
    }

	.header-logo {
		grid-column: 3;
		justify-self: end;
		width: 120px;
		height: auto;
	}

    #menu-toggle {
    	display: none;
    }
/* END of MENU RULES */

/* CTA RULES */
	.cta-footer {
	    width: 100%;
	    background: #286464;
	}

	.cta-footer-inner {
	    width: 90%;
	    max-width: 1100px;
	    margin: 0 auto;
	    text-align: center;
	    padding: 20px 20px 20px;
	    box-sizing: border-box;
		color: #FFF;
	}
	
	.cta-header img {
		width: 100%;
		max-width: 800px;
		height: auto;
	}
	
	.cta-text p {
		margin-top: 0;
	}
	
	.contact-link {
	    display: inline-block;
	    margin-top: 12px;
	    padding: 8px 20px;
	    background: #ca1b1a;
	    color: #fff;
	    text-decoration: none;
	    font-weight: 600;
	    border-radius: 18px;
	}

	.contact-link:hover {
	    background: #a91f24;
	}
/* END of CTA RULES */

/* FOOTER RULES */
	.footer-bottom {
	    border-top: 1px solid rgba(255,255,255,.25);
	    margin-top: 30px;
	    padding: 25px 0 15px;
	    text-align: center;
	    color: #fff;
	}

	.footer-brand {
	    font-size: 1.2rem;
	    font-weight: 600;
	    margin-bottom: 3px;
	}

	.footer-tagline {
	    font-size: .9rem;
	    opacity: .8;
	    margin-bottom: 18px;
	}

	.footer-nav {
	    margin-bottom: 18px;
	}

	.footer-nav a {
	    color: #fff;
	    text-decoration: none;
	    margin: 0 10px;
	    font-size: .85rem;
	    font-weight: 400;
	}

	.footer-nav a:hover {
	    text-decoration: underline;
	}

	.footer-credit {
	    font-size: .75rem;
	    opacity: .7;
	}
/* END of FOOTER RULES */

@media (max-width: 768px) {

    .hamburger {
        display: block;
    }

    nav ul {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: rgba(40, 100, 100, 0.9);
        flex-direction: column;
        text-align: center;
        padding: 24px 0;
    }

    #menu-toggle:checked + label + nav ul {
        display: flex;
    }

}