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


body{
	font-family: Merriweather, Playfair Display, Georgia, serif;
}



/*nav and footer in site-wide.css file*/


#contactinfo {
    text-align: center;
    margin-top: 10px;
}

#contactinfo h1 {
    font-size: 35px; /* Default large font size */
}

#cfsection {
    margin-top: 100px;
    text-align: center;
    font-size: 15px;
}

#cfsection a {
    text-decoration: none;
    color: black;
}

.logoimage {
    margin-top: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive Styles for screens less than 1920px */
@media screen and (max-width: 1920px) {
    #contactinfo h1 {
        font-size: 30px; /* Slightly smaller heading for smaller screens */
    }

    #cfsection {
        margin-top: 80px; /* Reduce top margin for better spacing */
        font-size: 14px; /* Slightly smaller font for smaller screens */
    }

    .logoimage {
        margin-top: 10px; /* Adjust logo margin */
    }
}

/* Further Adjustments for even smaller screens (mobile devices) */
@media screen and (max-width: 1000px) {
    #contactinfo h1 {
        font-size: 24px; /* Even smaller heading for mobile screens */
    }

    #cfsection {
        margin-top: 60px; /* Reduce top margin even more */
        font-size: 13px; /* Smaller font for better readability */
    }

    .logoimage {
        margin-top: 5px; /* Keep logo spacing reasonable */
        max-width: 100%; /* Ensure logo scales correctly */
    }
}




@media screen and (max-width: 900px) {
	.logoimage{
		width:100px;
		height:100px;
		margin-top:10px;
	}
}