/* =====================================
================ KAIKKI ================  
======================================== */

.tekstilaatikko {
    width: 90%;
    margin:10px auto;
    padding: 15px;
    box-shadow: inset 0 0 0 1000px rgba(255,255,255,.6);
    border-radius: 10px;
    border: 3px solid white; 
}


.poika {
    border-style: outset;
    border-color: #4275AA;
    border-radius: 10px;
    background-color: #B1D6F3
}

.tytto {
    border-style: outset;
    border-color: #CC7D9A;
    border-radius: 10px;
    background-color: #F5A7E3
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}

/* ========================================
================ DESKTOPPI ================
=========================================== */

@media only screen and (min-width: 1200px) {

     img {
         width: 700px;
         height: auto;
         border-radius: 10px;
    }

    .lteksti {
        font-size: 1em; 
        text-align: center; 
        font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .oteksti {
        font-size: 1.5em; 
        font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif; 
        font-weight: bold; 
        text-align: center;
    }
}


/* =======================================
================ KÄNNYKKÄ ================
========================================== */

@media only screen and (max-width: 1200px) {
    
     img {
         width: 90%;
         height: auto;
         border-radius: 10px;
    }

    .lteksti {
        font-size: 1.5em; 
        text-align: center; 
        font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    .oteksti {
        font-size: 2em; 
        font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif; 
        font-weight: bold; 
        text-align: center;
    }    
}