@media (min-width: 830px) {

    main {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(3, auto);
        gap: 10px;
    }

    .hero {
        grid-column: 1/5;
        grid-row: 1/3;
        width: 100%;
        margin: auto;
        padding: 15px;
        max-width: 800px;
    }

    .hero p{
        padding: 5px;
    }

    .callToAction {
        grid-column: 1/5;
        grid-row: 3/4;
        max-width: 800px;
        margin: auto;
    }

    .weather {
        grid-column: 1/5;
        grid-row: 4/5;
        max-width: 750px;
        margin: auto;
        margin-top: 25px;
    }

    .spotlight {
        grid-column: 5/6;
        grid-row: 1/5;
        align-items: center;
    }


    nav ul li{
        display: block;
    }

    nav ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-align: center;
        margin: 0 55px 0 55px;
    }

    nav ul a {
        font-size: 14pt;
    }

    .footerBase {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto;
    }

    .footerImg01{
        grid-column: 1/2;
		grid-row: 1/2;
        margin: auto;
    }

    .contact {
        grid-column: 2/4;
		grid-row: 1/2;
		margin: auto;
    }
	
    .footerImg02 img{
		width: 800px;
		padding: 7%;
		
    }

    footer picture img{
        background-color: rgba(125, 133, 161, 0.774);;
    }

    #toggleMenu {
        display: none;
    }


}