@media only screen and (max-width : 320px) {

    * {
        font-size: 3px
    }
    input[type='checkbox'] {
    	width:6px;
    	height:6px;
    }
    .btn {
    	font-size: 3px;
    	padding: 2px 4px;
    }
    h3 {
    	font-size:10px;
    }
    .container .row div {
    	padding:1px;
    }
    #app {
    	padding-top:0 !important;
    }
    label {
    	margin-bottom:0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    * {
        font-size: 4px
    }
    input[type='checkbox'] {
    	width:5px;
    	height:5px;
    }
    h3 {
    	font-size:10px;
    }
    .container .row div {
    	padding:1px;
    }
    #app {
    	padding-top:0 !important;
    }
    label {
    	margin-bottom:0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #app {
    	padding-top:0 !important;
    }
    label {
    	margin-bottom:0;
    }
}