/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13.5.2016, 15:16:52
    Author     : pasisaastamoinen
*/

body {
    background-color: #E0ECF8;
}
.taulu {
    border: 0px;
    width: 100%;
}
#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 15px 15px 15px 15px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 32px;
    width: 100%;
}
#nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 15px 15px 15px 15px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 32px;
    width: 100%;
}
#nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 15px 15px 15px 15px;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    margin-right: 10px;
    font-size: 32px;
    width: 100%;
}
/* TD TYYLIT */

#nappi_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 32px;
    width: 100%;
}
#nappi2_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    font-size: 32px;
    width: 100%;
}
#nappi3_td {
    color: white;
    text-align: center;
    text-decoration: none; 
    margin-top: 10px;
    margin-right: 10px;
    font-size: 32px;
    width: 100%;
}

@media only screen and (max-device-width: 980px) {
#nappi {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 1px 10px 1px 10px;
    text-decoration: none; 
    margin-top: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }
    #nappi2 {
    background-color: #8A0829; /* Red */
    color: white;
    padding: 1px 10px 1px 10px;
    text-decoration: none; 
    margin-top: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }
    #nappi3 {
    background-color: #FACC2E; /* Yellow */
    color: white;
    padding: 1px 10px 1px 10px;
    text-decoration: none; 
    margin-top: 5px;
    margin-right: 5px;
    font-size: 32px;
    width: 100%;
    height:100%;
    }   
    /* TD TYYLIT */
    #nappi_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        /*width: 22%;*/
        margin-bottom: 10px;
    }
    #nappi2_td {
        color: white;
        text-decoration: none;
        text-align: center;
        margin-top: 10px;
        /*width: 22%;*/
        margin-bottom: 2px;
    }
    #nappi3_td {
        color: white;
        text-decoration: none; 
        text-align: center;
        margin-top: 10px;
        /*margin-right: 10px;*/
        /*width: 22%;*/
        margin-bottom: 10px;
    }
}