.btn {font-weight: bold; background: transparent;border: none;cursor: pointer;padding: 10px 20px;border-radius: 0; transition: all 0.3s ease;font-size:14px!important}
.btn-primary{background: var(--color-main);color: #fff;border: 1px solid var(--color-main);}
.btn-secondary{background: var(--color-secondary);color: #fff;border: 1px solid var(--color-secondary);}
.btn-accent{background: var(--color-accent);color: #fff;border: 1px solid var(--color-accent);} 

.btn-primary:hover {background: var(--color-secondary);color:#fff;}
.btn-secondary:hover {background: var(--color-accent);color:#fff;}
.btn-accent:hover {background: var(--color-main);color:#fff;}

h1,h2,h3,h4,h5,h6{font-weight:700;font-family:var(--font-heading);color:var(--color-title);margin-top:0;margin-bottom:.5em;line-height:normal}
p{font-size:14px;margin-top:0;margin-bottom:1rem;line-height:1.5;}
span,small,.inv-meta {font-size: 14px;}
a{text-decoration:none;}
a:hover,a:focus{text-decoration:none}
ul{list-style:none;padding:0;margin:0;}

h1{font-size:36px;line-height:1.15}
h2{font-size:32px;line-height:1.2}
h3{font-size:28px;line-height:1.25}
h4{font-size:24px;line-height:1.3}
h5{font-size:20px;line-height:1.35}
h6{font-size:16px;line-height:1.45}

@media (max-width: 768px) {
    h1{font-size:36px}
    h2{font-size:32px}
    h3{font-size:28px}
    h4{font-size:24px}
    h5{font-size:20px}
    h6{font-size:16px}
}

@media (max-width: 550px) {
    h1{font-size:28px}
    h2{font-size:24px}
    h3{font-size:22px}
    h4{font-size:20px}
    h5{font-size:16px}
    h6{font-size:14px}
}