/*
Theme Name: Huntcaro theme
*/

/*RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-size: 100%;}
ol, ul {list-style: none;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,time{display: block;}
/********************/

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Nunito', sans-serif;
  background-color: #fef6e9;
  color: #1f3f2f;
}

.site-wrapper{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #1f6e43;
  color: white;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
}

.btn:hover {
  background-color: #155c36;
}

.header {
  background-color: #fef6e9;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .custom-logo-link {
  text-decoration: none;
  display: inline-block;
  width: 300px;
}

.header .custom-logo-link img{
	display: block;
	width: 100%;
	height: auto;
}

.header nav li {
	display: inline-block;
  margin-left: 30px;
  text-decoration: none;
  color: #1f3f2f;
  font-weight: bold;
}

.header nav li a{
	text-decoration: none;
  color: #1f3f2f;
  font-weight: bold;
  font-size: 20px;
}

.content-section img{
  width: 100%;
  height: auto;
  display: block;
}

.content-section-inner{
	padding: 20px 40px;
}

.content-section-inner p + p{
	margin-top: 10px;
}

.footer {
  background-color: #fef6e9;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
}

.footer .column {
  max-width: 33.333%;
  width: 100%;
  padding: 20px;
}

.footer h3 {
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: bold;
}

.copyright{
	text-align: center; 
	padding: 10px; 
	font-size: 0.9em; 
	color: #777;
}

@media (max-width: 767px){
	.header {
	  padding: 30px;
	}

	.header .custom-logo-link {
	  width: 200px;
	}

	.header nav li {
	  margin-left: 20px;
	}

	.header nav li a{
	  font-size: 15px;
	}

	.content-section-inner{
		padding: 20px 30px;
	}

	.footer .column {
	  padding: 15px;
	}

	.footer h3 {
	  font-size: 25px;
	}
}


@media (max-width: 600px){
	.header {
	  padding: 15px 10px;
	}

	.header .custom-logo-link {
	  width: 140px;
	}

	.header nav li {
	  margin-left: 5px;
	}

	.header nav li a{
	  font-size: 11px;
	}

	.content-section-inner{
		padding: 15px 10px;
		font-size: 11px;
		font-weight: normal;
	}

	.footer{
		padding: 15px 5px 0; 
		font-size: 11px;
	}

	.footer .column {
	  padding: 8px;
	}

	.footer h3 {
	  font-size: 14px;
	}

	.copyright{
		font-size: 10px;
	}
}