@charset "utf-8";
/* --------------
Contact US
--------------- */
#contact-us{background-color: #333;}
#contact-us h2{ text-transform: uppercase;}
#contact-us p{ width: 100%; margin-top: 2rem;}
.contact-information{ text-align: center;}
.contact-information i{font-size:1.6rem;  -webkit-text-stroke: 0px currentColor; color:rgba(255, 255, 255, .6);}
.contact-information h3{ padding:8px 0; color:rgba(255, 255, 255, .9);}
/*----
Map
-----*/	 
#allmap{
width:100%;
height:600px;
object-fit:cover;
}
#map #allmap p:first-child{ margin-top:10px;}
#map_canvas{
	width:100%;
	height:600px;
}
/* Catalog */
#catalog{ background-color: #333;}
#catalog .grid{grid-template-columns: repeat(2,1fr);}
.catalog-overiew h2{ margin-top: 4rem; text-align: left;}
.catalog-overiew p{ padding: 2rem 0;}
.catalog-overiew a{display: inline-block; background-color: var(--web-theme-color); padding: 1rem 4rem; margin-top: 6rem; text-align: center; color: var(--web-theme-color-white);}
.catalog-overiew a:hover{ background-color: var(--web-theme-color);}
/*-------
moblic phone
-------*/
@media (max-width:1023px){	
#contact-us h2{ text-transform: uppercase;}
#contact-us p{ width: 100%; margin-top: 2rem;}
.contact-information{ text-align: center;}
.contact-information h3{ padding:8px 0;}
/*Map*/  
#map{margin-top:0;} 
#allmap{height:36rem;}
/* Catalog */
#catalog .grid{grid-template-columns: 1fr; grid-gap: 2rem 0;}
.catalog-overiew h2{ margin-top: 0;}
.catalog-overiew a{display: inline-block;padding: 1rem 4rem; margin-top: 2rem;}
}