/*
COLOR SCHEME

Darker : #003877
medium : #0061a6
lighter : #528ed8


*/



*,*::after,*::before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
input[type="text"],
input[type="password"],
input[type="reset"],
input[type="button"],
input[type="submit"],
textarea,
select,
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: Arial;
}
input:focus::-webkit-input-placeholder {color: #FFF;}
input:focus:-moz-placeholder {color: #FFF;}
input:focus::-moz-placeholder {color: #FFF;}
input:focus:-ms-input-placeholder {color: #FFF;}

.setscreen{
	position:relative;
	width:100%;
	min-height:100%;
	font-family: 'Roboto', Arial;
	font-size: 1em;
}


.row::after{
    content: '';
    display: block;
    clear:both;
}
.box{
    display: block;
    padding: 10px;
}
.col-3{
    float: left;
    width: 25%;
}



@media only screen and (max-width: 988px) {
    .col-3{
		width: 50%;
    }
}
@media only screen and (max-width: 768px) {


}
@media only screen and (max-width: 420px) {
	.box{
	    display: block;
	    padding: 5px 5px;
	}
    .col-3{
		width: 100%;
    }
}