.topheader {  
    display: flex;
    margin-left: 17%;
    width: 60%;
    padding-top: 70px;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: center;
    margin-bottom: 100px;
    
}


.pic {
    justify-content: center;
    
}

.img-left {
    width: 70px;
    margin-bottom: -60px; 
    padding-right: 0px;
    padding-left: 10px;

}
.img-right {
    width: 70px;
    position: absolute;
    margin-top: -25px;
    margin-left: -43px;
    
}
.titletit {
    display: flex;
    justify-content: center;
    margin-top: -80px;
}
.headtitfont {
    font-family: "Titan One", sans-serif;
    font-size: 90px;
    font-weight: 400;
    font-style: normal;
    
}
.smallfont {
    font-size: 70px;
}
/* erilliset määritteet NÄYTÖN KOON MUKAAN */
@media (max-width: 500px) { /* NÄYTTÖ 500px tai ALLE */
    .topheader {
        margin-left: 15%;
    }
    
    .headtitfont {
        font-size: 70px;
        
    }
    .smallfont {
        font-size: 55px;
    }
    .titletit {
        margin-top: -70px;
    }
    .img-left {
        width: 50px;
        margin-bottom: -37px;
    }
    .img-right {
        width: 50px;
        margin-top: -25px;
        margin-left: -32px;
    }
}
/* --- MAIN GALLERY ------------------------------- */
.gallery {

    width: 70%;
    height: 70px;
    
    margin: 0 20%;
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
    
    
}
.feature {
    display: flex;
    margin-left: -30%;
    align-items: center;
    
    
}
.feature-img img {
    width: 60px;
    padding-left: 20px;
    padding-right: 30px;
    margin-bottom: -10px;
}

.feature-p p {
    font-family: "Titan One", sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
      
}
.feature-p a {
    font-family: "Titan One", sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: black;
      
}
.gallery:hover {
    .feature-p p{
        font-size: 60px;
    }
}
.gallery:hover {
    .feature-p a{
        font-size: 60px;
    }
}
@media (max-width: 500px) { /* NÄYTTÖ 500px tai ALLE */

    .gallery {
        height: 60px;
    }
    .feature-img img {
        width: 40px;
        padding-left: 15px;
        padding-right: 20px; 
    }
    .feature-p p {
        font-size: 30px;
        
    }
    .feature-p a {
        font-size: 30px;
        
    }
    .gallery:hover {
        .feature-p p{
            font-size: 50px;
        }
    }
    .gallery:hover {
        .feature-p a{
            font-size: 50px;
        }
    }
}