/*
Theme Name: webDK
Theme URI: https://webdk.pl
Author: webDK Daniel Komorek
Author URI: https://webdk.pl
Description: Szablon webDK
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
  	font-family: "Anybody", serif !important;    
    font-style: normal;
    font-size: 16px !important;
	color: #061547 !important;
	font-weight: 300 !important;
	letter-spacing: 1% !important;
}
footer{
    font-size: 14px;
	background: #061547;
	color: #FFFFFF;
	padding: 50px 0;
}
footer a{
	color: #FFFFFF !important;
}
footer a:hover{
	color: #C2F500 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Anybody", serif;
    color: #061547;
}
h4, .h4{
	font-size: 21px !important;
	font-weight: 600;
}
.title{
 	font-family: "Anybody", serif;    
	font-weight: 700;
    font-size: 22px;
    line-height: 25px;
}
.title-white{
	color: #F2F2F2;
}
a{
  text-decoration: none !important;
  color: #061547 !important;
}
a:hover{
	color: #C2F500 !important;
}
.hello, .contact {
  	font-weight: 700;
	color: #061547;
}
.hello{
	font-size: 85px;
}
.contact{
	font-size: 60px;
}
.btn-webdk-primary{
	background-color: #C2F500 !important;
	padding: 15px 30px !important;
	font-weight: 600 !important;
	border-radius: 20px !important;
	border: 1px solid #C2F500 !important;
}
.btn-webdk-primary:hover{
	background-color: #061547 !important;
	color: #ffffff !important;
	border: 1px solid #061547 !important;
}
.btn-webdk-primary:focus{
	box-shadow: none !important;
}
.section-hero{
	margin-bottom: 80px;
}
.mt-45{
	margin-top:45px;
}
.form-control {
  color: #061547 !important;
  border-color: #C2F500 !important;
}
.form-control:focus {
  color: #061547;
  border-color: #C2F500;
  box-shadow: 0 0 0 .25rem rgba(194, 245, 0,.25) !important;
}
.textarea-h{
	height: 100% !important;
}
/* Blog */
.post-img img{
	width: 100%;
}
@media only screen and (max-width: 600px) {
  	.hello {
  		font-size: 2.5rem;
	 }
	.section-hero {
  		margin-bottom: 40px;
  		margin-top: 20px;
	}
	h4{
		font-size: 1.2rem !important;
	}
	.mt-45 {
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	.responsive-image {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}
}
@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.5rem !important;
  }
}