/*
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 : 01/04/2020, 05:28:30 PM
    Author     : foodieuy
*/
@media (max-width:900px){
    .radio{
        width: 90% !important;
    }
}
body{
    width: 100%;
    padding: 0%;
}
*{
    font-family: Trebuchet MS;
}
header{
    text-align: center;
    margin-bottom: 2%;
}
header h1{
    margin-top: 2%;
}
audio{
    margin-top: 2%;
}
h2, h3{
    margin-top: 0%;
    text-align: center;
}
div .fila{
    width: 90%;
    height: 100% !important;
    min-height: 100% !important;
    border: 0px solid red;
    margin: auto;
}
div .radio{
    border: 1px solid #ddd;
    width: 15%;
    float: left;
    background-color: #eee;
    margin-right: 2%;
    margin-bottom: 2%;
    height: 45vh;
    padding: 1%;
}
div .radio img{
    width: 100%;
    height: 100%;
}
div .radio div{
    cursor: pointer;
}
div .separador{
    clear: both;
}
div #pie{
    background-color: #333;
    color: #fff;
    padding: 1%;
    margin: 0%;
    width: 100%;
    text-align: center;
}
.center{
    text-align: center;
}