/* ============
    WIDE
   ============ */


@media only screen and (min-width: 768px) {
    h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    p, li { font-size: 17px; }
	.wrapper {
		width: 93%;
		margin: 0 auto;
	}
	.wrapper.big {
		width: 95%;
	}
    .content-section {
        padding: 55px 0px;
    }
    
	#header-container {
		padding: 15px 0px;
	}
	#raimondo-logo {
		float: left;
	}
	#raimondo-logo a {
        width: 200px;
        height: 65px;
	}
    .hide-mobile { display: block; }
    span.hide-mobile { display: inline; }
	
    .bubble-cats .listing { flex: 0 0 calc(50% - 0px); max-width: none; }
	.bubble-cats .listing .listing-container {
		padding: 0px 15px;
	}
	
	.bubble-cats .listing .listing-image {
		width: 250px;
		height: 250px;
		border-radius: 250px;
	}
	
	.hero-section {
		justify-content: left;
		height: 80vh;
		min-height: auto;
	}
	.hero-content {
		width: 60%;
	}
    
	.hero-content h1 {
		font-size: 3.0rem; /* Larger for big screens */
	}

	.hero-content p {
		font-size: 1.1rem;
		margin-left: auto;
		margin-right: auto;
        line-height: 1.4em;
	}
	#hero-banner h3 {
		font-size: 27px;
	}
	#hero-banner .img-quality img, 
	#hero-banner .img-grandpa img {
		height: 100px;
	}
    .hero-pagination {
        bottom: 30px;
    }
    
    #testimonials:after {
        top: -35px;
        left: 45px;
        width: 65px;
        height: 65px;
    }
    
	#about-us, #contact-us {
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 45px 35px;
    }
    
    #testimonials-container {
        padding: 45px 65px;
    }
    
    .testimonial {
        padding: 0px 45px;
    }
    .testimonial p {
        font-size: 28px;
    }
    
    
    
    
    /* -== Subpage Styles ==- */
    
    #sub-title {
        padding: 25px 0px;
    }
    #sub-title h1 {
        font-size: 33px;
    }
    .services h2 {
        text-align: left;
        font-size: 30px;
    }
    .service-row {
        grid-template-columns: 1.25fr 1fr; /* Two equal columns */
        align-items: center;
        padding: 25px 50px;
    }

    .service-text {
        padding: 45px 0px; /* Give text more room on desktop */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Handle the alternating layout */
    .row-reverse {
        grid-template-columns: 1fr 1.25fr;
    }

    /* Flip the visual order in the grid */
    .row-reverse .service-text {
        grid-column: 2;
    }
    
    .row-reverse .service-image {
        grid-column: 1;
        grid-row: 1;
    }
    
    #footer-container {
	    padding: 45px 0px;
    }
    #footer-banner h5 {
        font-size: 20px;
    }
    #fb-footer {
        width: 40px;
        margin-right: auto;
    }
    #footer .footer-column { float: left; }
	#footer #footer-left { width: 22%; margin-right: 0px; }
	#footer #footer-right {
		float: right;
		margin-top: 0px;
	}
    #footer-middle, #footer-right { margin: 0px; }
    #footer-right { text-align: right; }
}