/*
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 : Jun 28, 2019, 8:01:36 PM
    Author     : Zhelyo.Hristov
*/

/* screen sizes */

@media only screen and (max-width: 1380px) {
    .width-30 {
        max-width: 30%;
    }
    
    label { 
        font-size: .8em;
    }
    
    .row {
        font-size: .6em;
    }
    
    .font-16 {
        font-size: 12px;
    }
    
    .font-127 {
        font-size: 1em;
    }
}

@media only screen and (max-width: 1280px) {
    #euro-logos {
        max-height: 3em;
    }
}


@media only screen and (max-width: 980px) {
    input[type="text"], select {
        width: 7em;
        text-align: center;
    }
    
    input[type="number"] {
        font-size: 1em;
    }
    
    input[type="checkbox"] {
        font-size: 1em;
    }
    
    label {
        font-size: 1em !important;
    }
    
    select {
        font-size: 1em !important;
    }
    
    #euro-logos {
        max-height: 2.5em;
    }
    
    .font-16 {
        font-size: 10px;
    }
    
}

@media only screen and (max-width: 820px) {
    input[type="text"], select {
        width: 5em;
        text-align: center;
    }
    
    input[type="number"] {
        font-size: .8em;
    }
    
    input[type="checkbox"] {
        font-size: .8em;
    }
    
    label {
        font-size: .8em !important;
    }
    
    select {
        font-size: .8em !important;
    }
    
    #euro-logos {
        max-height: 2.2em;
    }
    
    .font-16 {
        font-size: 8px;
    }
    
}