body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 11pt;

}

header {
    border-bottom: double;
    color: #f1733d;
}

h1 {
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffbd59;
}

h2 {color:  #ffbd59;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 text-align: left;}

nav {
    text-align: right;
    padding-top: 5px;
}

nav a {
    text-decoration: none;
    color: #ffbd59;
    padding: 10px;
    padding-top: 4px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

nav a:hover {background-color: #ffbd59;
color: #fff;}

article {padding: 20px;
    width: 200px;
    float: left;
    height: 250px; 
}

img {display: block;
}

.meow {
  
    border-right: solid #f1733d;
    padding-left: 200px;
}

.woof { width: 700px;
padding-right: 220px;
}

section {width: 100%;
min-height: 650px;

}
.hero{background-image:url(slike/hero.jpg) ;}

footer {
    background-color: #ffbd59;
    background-image: linear-gradient(45deg, #ffbd59, #f1733d);
    height: 35px;
    text-align: center;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.klasa {float: right;
}

.cta {width: 250px;
height: 75px;
margin: 0 auto;
background-color: #f1733d;
text-align: center;
border-radius: 25px;}

.cta h2 {color: #ffbd59;
padding-top: 12px;}

.kuhaj {text-align: center;}

.cta:hover {background-color: #ffbd59;
}

.cta h2:hover {color: #fff;}