@import url("https://fonts.googleapis.com/css2?family=Lato&family=Sacramento&family=Dancing+Script:wght@300;400;600;700;900&display=swap");
                       
@font-face {
    font-family: "ITC-Arecibo-W01-Regular";
    src: url("fonts/itc-arecibo.eot");
    src: url("fonts/itc-arecibo.eot") format("eot"),
		 url("fonts/itc-arecibo.woff") format("woff"),
		 url("fonts/itc-arecibo.ttf") format("truetype"),
		 url("fonts/a5fab48f-93a0-403a-b60e-bfdb0b69d973.svg") format("svg");
}

/* ORG RED: #E25868	ORG GREEN: #8FD3A5 */
/* =========   GLOBAL   =========  */

body, html { background: #FCF7D8; font-size:16px; font-weight:400; line-height:1.5; color:#000000; overflow-x:hidden; font-family:'Lato', sans-serif; }

a { color:#000000; text-decoration: none; }
a:hover, a:focus {color:#DF485B; outline: none; text-decoration: none; }

h1, h2, h3, h4, h5, h6 {font-family: 'ITC-Arecibo-W01-Regular', sans-serif; font-weight: 500; margin-top: 0; }
h1 {font-size: 3.3rem; text-transform: uppercase; letter-spacing: 2px;}
h2 {font-size: 4rem; text-transform: uppercase; }
h3 {font-size: 2.2em; font-family: 'Sacramento', serif; }
h4 {font-size: 1.4em; }
h5 {font-size: 2rem; font-family: 'Sacramento', serif; font-weight:bold;}
img {border:0; max-width:100%; height:auto;}
blockquote {background-color: #f8f8f8; border-radius: 0 4px 4px 0; padding: 5px 15px; }
blockquote p {margin-top: 10px; }
button {padding: 5px 15px; border: none; }
button:focus {outline: none; border: none; }
b, strong {font-weight: 600;}

.clear { clear:both; float:none!important; margin:0; padding:0; }
.hand, a.hand { cursor:hand; cursor:pointer; }

.mint-callout {background: #77E8CA; font-size: 1.5rem; font-family: 'Dancing Script', cursive;}
.eye {position: absolute; left: 15%;}

/*  rgba(143, 211, 165, 1) */
header {position: absolute; width: 100%; top: 0; left: 0; background:#76C991; border-bottom:3px solid #000000; z-index: 999;  transition: background 0.4s, all 0.3s linear; }
header.main-fixed-nav {width: 100%; position: fixed; }
header.main-fixed-nav h1 { font-size:2.2rem; margin:8px 0 !important; }

/* =========   NAVIGATION   =========*/

.navbar {background: transparent; padding: 0;} /* <nav> */
.navbar a:link, .navbar a:focus {color:#000000; font-size:0.9rem; padding:.5rem 2rem !important;}
.navbar a:hover {color:#ffffff; background:#000000;}
.navbar a.active {color:#ffffff; background:#000000;}

.navbar li.nav-item {margin-right:5px;}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {color: #ffffff; border: 1px solid #ffffff; }


#main {position:relative; padding-top:200px; padding-bottom:20px; }  

.box-yellow {background:#FCEF9F; border:3px solid #000000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.box-yellow .h1 {font-weight: 500; font-size: 3.8rem; text-transform: uppercase; font-family: 'ITC-Arecibo-W01-Regular', sans-serif; }
  
.box-peach {background:#FFE1C2; border:3px solid #000000; border-radius: 5px 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.box-green {background:#76C991; border:3px solid #000000; border-radius: 5px 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}



/* =========  HOME PAGE   =========*/
.home .eye-home {margin: 0 auto 5px auto; display:block;}
.home .icon-links img { display:block; margin:0 auto 10px auto;}
.home .icon-links a {color:#000000; margin-top:10px; position:relative; font-size:0.9rem;}
.home .icon-links a:hover {color:#76C991; text-decoration:none;}
.home .icon-links b { font-weight:700}

.home .icon-links .about:before { font-family: 'FontAwesome'; content: '\f2d1';  position:absolute; margin:0 0 0 -22px; bottom:4px}
.home .icon-links .about:after { font-family: 'FontAwesome'; content: '\f2d1';  position:absolute; margin:0 0 0 8px; bottom:4px;}

.home .icon-links .services {background:#DF485B; padding:5px 20px; color:#ffffff;}  
.home .icon-links .services:before { font-family: 'FontAwesome'; content: '\f0da';  position:absolute; margin: 0 0 0 -25px; color: #FDFAE9; font-size: 3.5rem; top: -27px;}
.home .icon-links .services:after { font-family: 'FontAwesome'; content: '\f0d9';  position:absolute;  margin: 0 0 0 5px; color: #FDFAE9; font-size: 3.5rem; top: -27px;}

.home .icon-links .contact:before { font-family: 'FontAwesome'; content: '\f00d';  position:absolute; margin:0 0 0 -16px; }
.home .icon-links .contact:after { font-family: 'FontAwesome'; content: '\f00d';  position:absolute; margin:0 0 0 8px; }

/* =========  ABOUT PAGE   =========*/

.about-pics img {max-height:120px; margin-top:8px; margin-bottom:8px;}

.services .col-md-4 {margin-top: 100px;}
.services .box-yellow, .services .box-green, .services .box-peach {width:90%; margin:0 auto;}
.services .box-bottom {margin-top: -44px;}
.services .box-yellow .box-top {margin-top: -150px;}
.services .box-green .box-top {margin-top: -155px;}
.services .box-peach .box-top {margin-top: -165px;}

/* =========  CONTACT PAGE   =========*/

.box-yellow.contact h2 a {color:#000000;}
.box-yellow.contact h2 a:hover {text-decoration: none; color:#DF485B;}

.contact .red-banner {background:#DF485B; padding:5px 25px; color:#ffffff; font-weight:bold; font-size:1.2rem;}  
.contact .red-banner:before { font-family: 'FontAwesome'; content: '\f0da';  position:absolute; margin: 0 0 0 -28px; color: #FDFAE9; font-size: 3.7rem; top: -24px;}
.contact .red-banner:after { font-family: 'FontAwesome'; content: '\f0d9';  position:absolute;  margin: 0 0 0 7px; color: #FDFAE9; font-size: 3.7rem; top: -24px;}


/* =========   FOOTER   =========*/

footer {background:#DF485B; border-top:3px solid #000000; } /* rgba(226, 88, 104, 1); */
footer .phone:before { font-family: 'FontAwesome'; content: '\f095';  margin:0 8px 0 0;}
footer .map:before { font-family: 'FontAwesome'; content: '\f041';  margin:0 8px 0 0;}
footer a {color:#ffffff; display:block; margin-top:6px;}
footer a:hover {color:#000000;}
footer .h3  {font-size: 2.2rem; font-family: 'Sacramento', serif; font-weight:bold;}

/* =========   RESPONSIVE    =========*/

	
@media (min-width: 1200px) { .modal-dialog {max-width: 50%;} }
@media (min-width: 991px) { .modal-dialog {max-width: 70%;} }
@media (max-width: 991px) { 
	h1 {font-size: 2.8rem; letter-spacing:normal; }
	.home .eye-home, .eye {max-width:100px;}
	.eye {left: 5%;}
	.services .box-yellow, .services .box-green, .services .box-peach {width:100%;}
	.services .box-top {max-width: 120px;}
	.services .box-yellow .box-top {margin-top: -122px;}
	.services .box-green .box-top {margin-top: -120px;}
	.services .box-peach .box-top {margin-top: -119px;}
}

@media (max-width: 767px) {
	 .home .wheel-col {order:2}
	 .home .wheel {max-width:60%}
	 .eye {position:relative; display:block; left:auto;}
	 .page-title h2 {width:100%; text-align:center; margin-top:1rem;}
}
	
@media (min-width: 576px) { .modal-dialog {max-width: 90%;} }
@media (max-width: 576px) {
	footer .phone-addr {text-align:center !important; margin-top:10px;}
}