@media (min-width: 320px) {
	
	.jumbotron.container {
    	margin-top: 15px;
	}

	.principal {
		font-size: 24px;
	}

	.principal .title {
		width: 75px;
	}

	.principal a, .principal a:focus, .principal a:hover, .principal a.nv-select {
		height: 30px;
		width: 30px; 
		font-size: 25px;
	}

	.principal a#play,
	.principal a#pause,
	.principal a#reset {
		margin-top: 15px;
		width: 100px
	}

	.principal .value {
		width: 30px;
    	height: 30px;
    	font-size: 25px;
    	margin-left: 10px;
    	margin-right: 10px;
	}

	.chronoDiv span {
		font-size: 40px;
	}

	.chronoDiv span#timeRest {
		font-size: 80px;
	}

	.modalAlert,
	.modalReset {
		font-size: 42px;
	}


		.modalPause .close,
		.modalReset .closeReset,
		.modalReset .okReset {			
      		height: 40px;
		    font-size: 40px;
		}


		.modalPause .pauseText,
		.modalReset .resetText {
			font-size: 40px;
		}

		.modalReset .buttonDiv {
    		min-width: 175px;
		}

}
body,textarea,input,select{background:0;border-radius:0;font:16px sans-serif;margin:0}.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}.smooth{transition:all .2s}.btn,.nav a{text-decoration:none}.container{margin:0 20px;width:auto}@media(min-width:1310px){.container{margin:auto;width:1270px}}.btn,h2{font-size:2em}.btn{background:#999;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;margin:2px 0;padding:12px 30px 14px}.btn:hover{background:#888}.btn:active,.btn:focus{background:#777}.btn-a{background:#0ae}.btn-a:hover{background:#09d}.btn-a:active,.btn-a:focus{background:#08b}.btn-b{background:#3c5}.btn-b:hover{background:#2b4}.btn-b:active,.btn-b:focus{background:#2a4}.btn-c{background:#d33}.btn-c:hover{background:#c22}.btn-c:active,.btn-c:focus{background:#b22}.btn-sm{border-radius:4px;padding:10px 14px 11px}