html {min-height: 100%;height:100%;scroll-behavior: smooth;}
body {margin:0;font-family: 'Barlow', sans-serif;min-height: 100%;height:100%;position: relative;background: #fff;/*background: rgb(83,161,51);background: linear-gradient(90deg, rgba(0,51,25,1) 0%, rgba(83,161,51,1) 100%)*/}

* {box-sizing: border-box;}

h1 {font-weight:600;max-width:800px;text-align:center;margin:0 auto;color:#fff;}
h2 {color:#7b6a58;}
a {color:#fff;text-decoration:none;}
a:hover {color:rgb(194,192,208);text-decoration:underline;}
p {margin:0 0 25px 0;padding:0;font-size:1.1em;line-height:1.3em;font-weight:500;color:#7b6a58;}
ul li,
small {color:#7b6a58;}
.pb-1 {padding-top:40px !important;}
.ttl {color:#808080;display:block;font-size:0.9em;margin:0 0 10px 0}
.center {text-align:center;}

header  {background-color:rgba(52, 49, 45, 1.0)}
header .container {max-width:1800px;margin:0 auto;padding:25px 15px;text-align:center;background-image:url('../images/site/banner.jpg');background-size:cover;color:#fff;min-height:550px;}
header .brand {margin:0 auto 50px auto;display:inline-block;}

main .container,
footer .container {display:flex;}
article {width:50%;justify-content:flex-end;display:flex;}
aside {width:50%;justify-content:flex-start;display:flex;}
.cnt {width:80%;max-width:600px;padding:30px;margin:3px;}

main .container article {background-color:#e4e1de;}
main .container aside {background-color:#fff;}

figure {margin:0 0 20px 0;}
figure img {border-radius:50%;filter: grayscale(0%);transition: filter 2s;border:3px solid #fff;max-width:200px;}
figure img:hover {filter: grayscale(100%)}

footer {width: 100%;}
footer .containerBg {background: rgb(83,161,51);background: linear-gradient(90deg, rgba(0,51,25,1) 0%, rgba(83,161,51,1) 100%);color:#f4f4f4;}
footer .container article,
footer .container aside {margin:30px 0}
footer .container .cnt {width:80%;max-width:600px;padding:0 30px;margin:3px;}
footer .container article {border-right:1px solid #7b6a58;}
footer .container.containerBg article {border-right:1px solid #fff;}

ul.icos {list-style:none;margin:20px 0;padding:0;}
ul.icos li {margin:0 0 10px 0;padding:12px 12px 12px 80px;background-repeat:no-repeat;background-position:left top;min-height:80px;display: flex; flex-direction: row; align-items: center;font-size:1.2em;}
ul.icos li.ico1 {background-image:url('../images/site/ico01.svg');}
ul.icos li.ico2 {background-image:url('../images/site/ico02.svg');}
ul.icos li.ico3 {background-image:url('../images/site/ico03.svg');}
ul.icos li.ico4 {background-image:url('../images/site/ico04.svg');}
ul.icos li.icoPhone {background-image:url('../images/site/ico_phone.svg')}
ul.icos li.icoMail {background-image:url('../images/site/ico_mail.svg');}
ul.icos li.icoMap {background-image:url('../images/site/ico_map.svg');}

footer ul.icos li {color:#fff;padding:12px 12px 12px 65px;min-height:70px;}
footer h2 {margin-bottom:30px;display:inline-block;color:#fff;}
footer p {margin-bottom:40px;color:#fff;}

.icoYouTube {display:block}
.icoYouTube a {border-radius:10px;background-color:#fff;padding:8px 16px;display:inline-block;color:#e7382d;vertical-align:top;text-decoration:none;font-weight:700;font-size:1.1em;}
.icoYouTube a:hover {color:#fff;background-color:#e7382d;text-decoration:none;}
.icoYouTube:before {background-image:url('../images/site/ico_youtube.svg');content:"";width:55px;height:38px;display:inline-block;background-size:cover;margin:0 8px 0 0}

.sininho {background-image:url('../images/site/ico_bell.svg');background-repeat:no-repeat;background-position:top right;min-height:38px;background-size:30px;padding:3px 40px 0 0}

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

@media only screen and (min-width: 951px) and (max-width: 1050px) {
	
	header  .container {min-height:450px;background-image:url('../images/site/banner_sml.jpg');}
		
	.cnt,
	footer .container .cnt 	{width:95%;}
	
}

@media only screen and (min-width: 891px) and (max-width: 950px) {
	
	header  .container {min-height:350px;background-image:url('../images/site/banner_sml.jpg');}
		
	.cnt,
	footer .container .cnt 	{width:100%;max-width:none;}
	
}

@media only screen and (min-width: 577px) and (max-width: 890px) {
	
	header  .container {min-height:250px;background-image:url('../images/site/banner_sml.jpg');}
	
	main .container,
	footer .container,
	article,
	aside {flex-direction:column;width:100%;}
	
	footer .container,
	footer .container .cnt,
	.cnt {width:100%;max-width:none;margin:0}
	
	main article {text-align:center}	

	footer .container.containerBg article,
	footer .container.containerBg aside {margin:0 0}
		
	footer .container article {margin:20px 0 20px 0}
	footer .container aside {margin: 0 0 20px 0}
	
	footer .container article {border-right:none;}
	footer .container.containerBg article {border-right:none;}
	
	
	.pb-1 {padding-top:0 !important}
	
	.icoYouTube {display:block;margin-bottom:40px;}
	
}

@media only screen and (min-width: 100px) and (max-width: 576px) {
	
	header  .container {min-height:250px;background-image:url('../images/site/banner.jpg');background-position:center;}
	header h1 {font-size:1.3em;}
	header .brand {margin:0 auto 20px auto;}
	header .brand img {width:80%;}
	
	main .container,
	footer .container,
	article,
	aside {flex-direction:column;width:100%;}
	
	footer .container,
	footer .container .cnt,
	.cnt {width:100%;max-width:none;margin:0}
	
	main article {text-align:center}
	
	h2 {text-align:center;}
	
	ul.icos {margin:15px 0;}
	ul.icos li {margin:0 0 5px 0;padding:60px 12px 12px 12px ;background-position:center top;font-size:1.1em;background-size:60px;text-align:center;}
		
	footer ul.icos li {padding:48px 12px 12px 12px;text-align:center;background-size:34px;display:block;}
	footer h2 {display:block;text-align:center;}
	footer .brand img {width:80%;max-height:50px}
	
	footer .container.containerBg article,
	footer .container.containerBg aside {margin:0 0}
		
	footer .container article {margin:20px 0 20px 0}
	footer .container aside {margin: 0 0 20px 0}
	
	footer .container article {border-right:none;}
	footer .container.containerBg article {border-right:none}
	
	.sininho {background-position:top center;background-size:25px;padding:32px 0 0 0;text-align:center;}
	.pb-1 {padding-top:0 !important}
	
	.icoYouTube {display:block;margin-bottom:40px;}
	.icoYouTube:before {display:none}
	
	.icoYouTube,
	.icoYouTube a,
	ul.icos li {word-wrap:break-word !important;display:block;}
	
	
}