@charset "utf-8";
#main {
	--color:#DAB34B;
}
/* Intro */
#Intro .img-ice-collection { z-index:0; max-width:350px; width:40%; margin:3% auto -6%; }

#Intro .sub-hd a {
    color: #F2E6AC;
    text-decoration: none;
    letter-spacing: 3px;
}
#Intro .sub-hd a:hover {
    color: #FFF;
}

.contact-email {
    color: var(--color);
    text-decoration: none;
    font-size: 1.3em;
    letter-spacing: 1px;
}
.contact-email:hover {
    color: #FFF;
    text-decoration: underline;
}

#Intro h3 {
    font-size: 1.8em;
    margin: 1.5em 0 0.5em;
}

/* Directions */
.directions-link {
    text-align: center;
    margin: 2em 0;
}
.directions-icon {
    width: 45px;
    height: 45px;
	background-image:url(../images/icon/directions.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:var(--color);
	
    margin: 0 auto 0.6em;
}
.directions-icon img {
    display: block;
    width: 100%;
    height: auto;
}
.directions-link a {
    color: var(--color);
    text-decoration: none;
    font-size: 1em;
    letter-spacing: 1px;
}
.directions-link a:hover {
    color: #FFF;
    text-decoration: underline;
}

.btn-contact { display:none !important; }

@media only screen and (min-width: 769px) and (max-width: 1350px) {
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
}

@media only screen and (min-width: 769px) and (max-width: 1050px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 450px) {
}

@media only screen and (max-width: 350px) {
}