/* global font-size media queries */

@media only screen and (min-width:0px) {
    body {
        font-size: 0.9rem;
    }
}

@media only screen and (min-width:190px) {
    body {
        font-size: 1.1rem;
    }

    #qrwrap #qrcode {
        width: 85%;
    }

    #optionslist {
        font-size: 150%;
    }

    #rf_wrap {
        font-size: 120%;
    }

    #pinkeypad .pinpad {
        font-size: 200%;
    }
}

@media only screen and (min-width:250px) {
    #sharerequest>span {
        display: inline;
    }

    #pinkeypad .pinpad {
        font-size: 250%;
    }
}

@media only screen and (min-width:280px) {
    body {
        font-size: 1.2rem;
    }

    #qrwrap #qrcode {
        width: 75%;
    }

    #allcurrencies li {
        width: 50%;
    }

    .iconright2 .atext {
        padding-right: 25%;
    }

    .iconright2 .iconbox {
        font-size: 180%;
        width: 25%;
    }
}

@media only screen and (min-width:319px) {
    body {
        font-size: 1.25rem;
    }

    .nav li .self {
        font-size: 115%;
    }

    .applist {
        font-size: 110%;
    }

    #pinkeypad .pinpad {
        font-size: 280%;
        margin: 0.3em 0.3em;
    }
}

@media only screen and (min-width:370px) {
    body {
        font-size: 1.2rem;
    }

    #qrwrap #qrcode {
        width: 65%;
    }

    .iconright2 .atext {
        padding-right: 15%;
    }

    #backupactions {
        font-size: 140%;
    }
}

@media only screen and (min-width:400px) {

    /* start flex font-size */
    body {
        font-size: 2.7vw;
    }

    #sharelist li {
        font-size: 450%;
    }

    .iconbox {
        font-size: 150%;
    }

    #allcurrencies li {
        width: 33.333333%;
        float: none;
    }

    #show_backup {
        display: inline-block;
    }

    #sharelist li:after {
        font-size: 1.5rem;
    }

    #pinkeypad .pinpad {
        font-size: 260%;
    }

    .nav li .self {
        font-size: 120%;
    }

    #xratestats {
        font-size: 10px;
    }
}

@media only screen and (min-width:450px) {
    #rf_wrap {
        font-size: 100%;
    }
}


/* Nav padding */

@media only screen and (min-width:520px) {
    .nav li .self {
        font-size: 100%;
        padding: 1.2em 1em;
    }

    .nav li#settingsbttn a {
        padding: 1.25em 1em;
    }

    #pinkeypad .pinpad {
        font-size: 200%;
    }
}


/* max font size options list */

@media only screen and (min-width:650px) {
    #optionslist {
        font-size: 40px;
        font-size: 4rem;
    }

    .iconright .iconbox {
        font-size: 130%;
    }

    #allcurrencies li:after {
        font-size: 2.4rem;
    }

    #request_front {
        font-size: 105%;
    }

    .applist {
        font-size: 100%;
    }
}

@media only screen and (min-width:850px) {

    /* max font-size dialog */
    #startpage,
    #startscreen {
        font-size: 3.4rem;
    }

    .dialog {
        font-size: 2rem;
    }

    .nav li .self {
        padding: 1.2em 1em;
    }

    .nav li#settingsbttn a {
        padding: 0.95em 1em;
    }

    #homenav .icomoon {
        //padding:0.16em 0 0 0;
    }

    .iconright .iconbox {
        font-size: 100%;
    }

    #xratestats {
        font-size: 12px;
    }
}

@media only screen and (min-width:1200px) {

    /* max font-size */
    body {
        font-size: 3.2rem;
    }
}


/* Some tweaks to fit dialog in window */

@media only screen and (orientation:landscape) and (max-height:900px) {
    .dialog {
        max-width: 600px;
    }

    #sharelist li:after {
        font-size: 2rem;
    }
}

@media only screen and (orientation:landscape) and (max-height:900px) and (min-width:600px) {
    .dialogstyle {
        font-size: 1.5rem;
    }

    #qrcode {
        max-width: 300px;
    }
}

@media only screen and (min-width:846px) {
    #scanregion {
		width:70vw;
		height:70vw;
	}
}

@media only screen and (min-width:1250px) {
    #scanregion {
		width:50vw;
		height:50vw;
	}
}

@media only screen and (min-width:320px) {
    #seed_panel {
		font-size:130%;
	}
}

@media only screen and (min-width:400px) {
    #seed_panel {
		font-size:160%;
	}
}

@media only screen and (min-width:560px) {
    #seed_panel {
		font-size:130%;
	}
}

@media only screen and (min-width:700px) {
    #seed_panel {
		font-size:100%;
	}
}