.et_pb_callout{
	font-size: 30px;
    color: #ffffff !important;
    background-color: #ffffff;
    /*border: 3px solid #66777d ;*/
    padding-top: 50px !important;
    text-align: center;
}
.et_pb_callout .et-pb-icon,
.et_pb_callout .et_pb_callout_content img{
	margin-bottom: 30px;
}
.et_pb_callout h4{
	font-size: 1.3rem;
	padding-bottom: 20px;
}
.et_pb_callout .callout-button{
    /*border-top: 3px solid #66777d ;*/
    padding-top: 10px;
    padding-bottom: 10px !important;
    font-size: 2.0rem !important;
}
.et_pb_callout.blue .callout-button,
.et_pb_callout_content.blue .callout-button{
	background: #4a5f70  !important;
}
.et_pb_callout.blue .et-pb-icon,
.et_pb_callout_content.blue .et-pb-icon{
	color: #365d7d  !important;
    /*color: #cd4047 !important;*/
}
.et_pb_callout.red .callout-button,
.et_pb_callout_content.red .callout-button{
	background: #824e4e  !important;
}
.et_pb_callout.red .et-pb-icon,
.et_pb_callout_content.red .et-pb-icon{
	color: #365d7d !important;
}

#five-col.et_pb_callout{
    margin-right: .5% !important;
    margin-left: .5% !important;
}

@media only screen and (max-width: 480px){
	.main-links .et_pb_column{
		width: 100%;
	}
	.et_pb_callout{
		padding-top: 0 !important;
	}
	.et_pb_callout .et-pb-icon,
	.et_pb_callout_content .et-pb-icon{
		float: left !important;
		padding-top: 5% !important;
		padding-left: 5% !important;
		font-size: 50px !important;
		margin-bottom: 0 !important;
	}
	.et_pb_callout .et_pb_callout_content img {
	    margin-bottom: 0;
	    float: left;
	    padding-top: 5%;
	    padding-left: 5%;
	    max-height: 60px;
	    margin-bottom: 0 !important;
	}
	.et_pb_callout_container h4{
		font-size: 1.5rem !important;
		vertical-align: top;
		padding-top: 10% !important;
		padding-bottom: 0 !important;
	}
	.et_pb_callout .callout-button{
		margin-top: 10% !important;
	}
	.modal-content{
		width: 90% !important;
		max-width: 90% !important;
	}
}

@media only screen and (max-width: 800px){
    .et_pb_callout{
        margin-top: 2.5% !important;
        margin-bottom: 2.5% !important;
    }
    #five-col.et_pb_callout{
        margin-right: 5% !important;
        margin-left: 5% !important;
        width: 90% !important;
    }
    #map-button{
    	margin-top: 1%;
    }
}

@media only screen and (max-width: 980px) and (min-width: 480px){
    .main-links .et_pb_column{
        margin: 1% !important;
	    width: 48% !important;
    }
    #five-col.et_pb_callout {
    	margin: 1%;
    	width: 48%;
	}
}

@media only screen and (max-width: 1024px){
	.et_pb_callout h4 {
    	font-size: 1rem;
    }
    .modal-content{
    	width: 90% !important;
    	max-width: 55%;
    }
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 50px;
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
#close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#close:hover,
#close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}