/* reset browser css vms*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* teeb lehel teise kohta skippimise sujuvamaks */
html {
    scroll-behavior: smooth;
}

/* main */
html, body {
    /* tahaks siia merriweather fonti */
    font-family: 'Merriweather';
    line-height: 1.7em;    
}

a {
    color: #CCA025;
    text-decoration: none;
}
h1, h2, h3 {
    padding-bottom: 20px;
}

/*content basic style*/
.container {
    margin: auto;
    max-width: 1100;
    width: 100%;
    padding: 0 10 px;
    overflow: hidden;
}
.container-blog {

    width: 100%;
    height: 700px;
    overflow: hidden;

}

.text-primary {
    color:#CCA025;
}
.text-light {
    color: whitesmoke;
}
.text-dark {
    color: black;
}
.btn {
    display: inline-block;
    font-size: 18px;
    background:#0AD4E2;
    color:#fff;
    padding: 13px 20px;
    border:none;
    border-radius: 30px;
    cursor:pointer;
}
.btn:hover{
    background:whitesmoke;
    color: #068D97;
}
.bg-dark {
    background: #068D97;
    color: whitesmoke;
}
.bg-light {
    background: whitesmoke;
    color: #068D97;
}
.bg-primary {
    background:#0AD4E2;
    color:#068D97;
}
.py-30 {
    padding: 30px 0;
}
 /* navbar */
 #navbar {
    position: fixed;
    width: 100%;
    background: #0AD4E2;
    color: whitesmoke;
    overflow: hidden;
    height: 45px;
 }
 
 #navbar a {
    color:#068D97;
 }
 #navbar p {
    display: inline-block;
    text-align: left;
    padding: 10px 10px;
    font-size:x-large;
 }
 #navbar ul {
    float: right;
    list-style: none;
 }
 #navbar ul li {
    float: left;
    text-align: center;
    
 }
 #navbar ul li a {
    display:block;
    padding: 10px 20px;
    text-align: center;
   
 }
 #navbar ul li a:hover
 #navbar ul li a.current{
    background: #0AD4E2;
    
 }
 #navbar h1 {
    padding-top: 0px;
    float: left;
 }
 /*showcase */
 #showcase {
    background: url(laine.jpg) no-repeat center center/cover;
    height: 500px;
 }
 
 #showcase .showcase-content {
    color: whitesmoke;
    text-align: left;
    padding-top: 10px;
 }
 #showcase .showcase-content h1 {
    color: #CCA025;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2em;
    padding-top: 100px;
    padding-left: 50px;
 }
 #showcase .showcase-content p{
    padding-top: 50px;
    line-height: 1.7em;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color:black;
 }

 /* intro */
 #intro {
    height: 500px;
 }
 #intro .intro-content {
    
    width: 100%;
    height: 100%;
    text-align:center;
    padding: 200px ;
    overflow:hidden;
 }
 #intro .intro-content p {
    padding-bottom: 5px;
    font-size: larger;
 }
 /*#intro .intro-img {
    float: left;
    width: 60%;
    background: url(nainesurf.jpg) no-repeat;
    min-height: 100%;
 } */

/*karussell*/


.carousel {
    background-color:#0AD4E2;
    width: 100%;
    overflow: hidden;
    position: relative;
    float:none;
}

.slides {
    display:flex;
    width: 500%; 
    transition: transform 1s ease-in-out;
   
}

.slide {
    flex: 1;
    width: 100%;
    padding: 10px;
}

.slide img {
    width: 300px;
    height: 200px;
    
}

.navigation {
    display: flex;
    justify-content: center;
}

button {
    margin: 10px;
    
}
/* Style previous button */
.prev {
    background-color:#068D97;
    color: whitesmoke;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 20px;
    
}

/* Style next button */
.next {
    background-color:#068D97;
    color: whitesmoke;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 20px;
    
}

/* CSS pseudo-elements to create arrow shapes for the buttons */
.prev::before {
    content: '\2190'; /* Unicode arrow-left character */
    margin-right: 5px;
}

.next::after {
    content: '\2192'; /* Unicode arrow-right character */
    margin-left: 5px;
}





 /* blog */
 #blog {
    height: 700px;
 }
 #blog .blog-content {
    float: right;
    width: 40%;
    height: 100%;
    text-align: left;
    padding: 50px 5px;
    overflow:hidden;
 }
 #blog .blog-content p {
    padding-bottom: 400px;
 }
 #blog .blog-img {
    float: left;
    width: 60%;
    background: url(nainesurf.jpg) no-repeat;
    min-height: 100%;
 }

 /* contacts */
 

 #contacts .box {
    height: 200px;
    float: left;
    width: 33.3%;
    padding-top: 200px;
    text-align: center;
    font-size:x-large;
 }
 #contacts .box i {
    margin-bottom: 10px;
 }


 
 /* footer */
 footer {
    text-align: center;
    padding: 100px;
    color: #fff;
    background-image: url('kilpkonn.jpg'); 
    background-size: cover; 
    background-attachment: fixed;
    background-position: bottom;
    
    }

    .footer-text {
        color: white; 
        padding: 10px; 
        margin: 0; 
    
 
 .clear {
    clear: both;
 }
/* .container {
    display: flex;
    align-items: center;
    max-width: 800px;
    margin: 0 auto; 
    padding: 20px; 
}

.container img {
    max-width: 50%;
    height: auto; 

.container p {
    flex: 1; 
    margin-left: 20px; 
} */