@font-face {
    font-family: futura;
    src: url("Fontit/Futura Book.ttf");
}

body {
    margin: 0;
    padding: 0;
    background-color: black;
    font-family: futura;
}

#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0.2em auto;
    width: 98%;
}

#cont1 {
    background-image: url("Kuvat/KITINBG.png");
    background-position: center;
    background-size: cover;
    width: 98%;
    margin-top: 0.5em;
}

p {
    margin: 0.7em auto;
    font-size: 114%;
    color: white;
}

.teksti {
    width: 81%;
    font-size: 73%;
    margin-top: 3.5em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,0.61);
    padding: 12px;
}

#img1 {
    display: block;
    margin: 0 auto;
    width: 99%;
    height: 99%;
}

#kuvacont1, #kuvacont2, #kuvacont3 {
    margin: 2.5em auto;
    width: 96%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.cabimg {
    margin: auto;
    width: 24%;
    height: 24%;
}

.mini_img {
    filter: grayscale(0%);
}

#somelogokuvaIG {
    width: 90%;
    height: 90%;
    margin: 0.5em auto;
}

footer {
    margin: 0 auto;
    background-image: url("Kuvat/ktfootbg.png");
    background-position: center;
    background-size: cover;
}

#footerimg {
    width: 99%;
    height: 99%;
    margin: 0.1em auto;
    display: block;
}

@media (min-width: 430px) {
    
    p {
        padding: 0;
    }
    
    .teksti {
        font-size: 99%;
        width: 72%;
        margin-top: 2em;
        padding: 1em 2.4em;
    }
    
    #kuvacont1, #kuvacont2, #kuvacont3 {
        width: 70%;
        margin-top: 1em;
    }
    
    #kuvacont3 {
        margin-top: 8em;
    }
    
    .cabimg {
        width: 16%;
        height: 16%;
    }
    
}

@media (min-width: 920px) {
    
    #cont1 {
        margin-top: 0;
        height: 1800px;
    }
    
    .teksti {
        width: 67%;
        margin-top: 4em;
        margin-bottom: 1em;
        margin-right: auto;
        margin-left: auto;
        font-size: 116%;
        background-color: rgba(0,0,0,0.01);
    }
    
    #img1 {
        width: 900px;
        height: 171px;
    }
    
    #kuvacont3 .cabimg {
        width: 13%;
        height: 13%;
    }
    
    #somelogokuvaIG {
        width: 800px;
        height: 80px;
    }
    
}

@media (min-width: 1410px) {
    #img1 {
        width: 1400px;
        height: 267px;
    }
}

@media (min-width: 1610px) {
    
    .teksti {
        font-size: 153%;
        margin-top: 5em;
    }
    
    #container {
        width: 96%;
    }
    
    #img1 {
        width: 1600px;
        height: 305px;
    }
    
}

@media (min-width: 2110px) {
    #img1 {
        width: 2100px;
        height: 400px;
    }
    
    .cabimg {
        width: 12%;
        height: 12%;
    }
    
    #kuvacont3 .cabimg {
        width: 8%;
        height: 8%;
    }
}