/* 1, 2... Testing... 1, 2... */

@font-face {
	font-family: 'd_condensed';
	src: url('d-condensed.woff2') format('woff2'),
		 url('d-condensed.woff') format('woff');
}
         
@font-face {
	font-family: 'd_regular';
	src: url('d-regular.woff2') format('woff2'),
		 url('d-regular.woff') format('woff');
}

@font-face {
	font-family: 'd_regular_bolg';
	src: url('d-regular-bold.woff2') format('woff2'),
		 url('d-regular-bold.woff') format('woff');
}

body {
	font-family: 'd_condensed', sans-serif;
	color:#333;
	background-color: #fff;
	margin: 0;
}

a {line-height:normal;
	text-decoration: none;
}


a:hover {line-height:normal;
	text-decoration: none;
	background-color: #def;
}

.d_regular_bolg, .d_regular_bolg a, .d_regular_bolg a:visited {
	line-height:normal;
	font-family: 'd_regular_bolg', sans-serif;
	text-decoration: none;
	color: #333;
}

.d_regular_bolg a:hover {
	text-decoration: none;
	color: #333;
	background-color: #a0d0fa;
}

.d_regular_bolg a {
	border-bottom: 0.4vmin dotted #333;
}

.d_regular, .d_regular a, .d_regular a:visited {
	line-height:normal;
	font-family: 'd_regular', sans-serif;
	text-decoration: none;
	color: #333;
}

.d_regular a:hover {
	text-decoration: none;
	color: #333;
	background-color: #a0d0fa;
}

.d_regular a {
	border-bottom: 0.4vmin dotted #333;
}

.d_condensed, .d_condensed a, .d_condensed a:visited {
	line-height:normal;
	font-family: 'd_condensed', sans-serif;
	text-decoration: none;
	color: #333;
}

.d_condensed a {
	border-bottom: 0.4vmin dotted #333;
}

.d_condensed a:hover {
	text-decoration: none;
	color: #333;
	background-color: #a0d0fa;
}

.xl {
		/*
	1vw = 1% of viewport width
	1vh = 1% of viewport height
	1vmin = 1vw or 1vh, whichever is smaller *
	1vmax = 1vw or 1vh, whichever is larger
	*/
	font-size: 20vmin;
	/* clamp(1em, 10vmin, 4em); */ /* Nunca menos que 1em e nunca mais que 4em */
	/* max(2vmin, 12px); */ /* Nunca menos que 12px */
	padding-right: 2vmin;
	padding-left: 2vmin;
	
}

.l {
		/*
	1vw = 1% of viewport width
	1vh = 1% of viewport height
	1vmin = 1vw or 1vh, whichever is smaller *
	1vmax = 1vw or 1vh, whichever is larger
	*/
	font-size: 15vmin;
	padding-right: 1vmin;
	padding-left: 1vmin;
	
}

.m {
	font-size: 10vmin;
}

.s {
	font-size: 5vmin;
}

.xs {
	font-size: 2vmin;
}

.form {
	width: 600px;
	background-color: #fff;
	margin: 5px 0 15px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 5px;
}

.form-fields {
	width: 600px;
	background-color: #fff;
	margin: 60px 0 30px;
}

.photo {
	margin: 0;
}

img {
	background-color: #dddddd;
	padding: 1px;
	margin-top: 5px;
}

.img-A4 {
	background-color: #fff;
	padding: 0;
	margin-top: 5px;
}

.link, .link a, .link a:visited {
	line-height: normal;
}

#rap {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	width: 640px;
}

#rap-A4 {
	padding-top: 0;
	padding-bottom: 0;
	width: 80%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20%;
}

#header {
	margin-top: 180px;
	margin-bottom: 180px;
}

#content {
}

#footer {
	margin-top: 180px;
	margin-bottom: 180px;
}

.walk {
	margin-top: 5px;
}

.run {
	margin-bottom: 15px;
}

.jump {
	margin-top: 60px;
	margin-bottom: 45px;
}

.skip {
	margin-top: 180px;
}

.samplebox {
			white-space:nowrap;
			margin-top: 0;
			margin-bottom: 0;
		}

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer-note {
	background-color: #a0d0fa;
	color: #fff;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.35em 0.5em;
	position: fixed;
	bottom: 0;
	left: 0;
}

/* -----------------------------
 * - M E D I A   Q U E R I E S -
 * ---------------------------- */
 
.media-queries {
}


@media all and (max-width: 1690px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " +1280";
	}
}

@media all and (max-width: 1280px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " +980";
	}
}

@media all and (max-width: 980px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " +736";
	}
}

@media all and (max-width: 736px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " +480";
	}
}

@media all and (max-width: 480px) {
	.media-queries {
		/*background-color: rgba(207, 216, 220, 0.4);
		color: #90A4AE;*/
	}
	.media-queries:after { 
	  content: " -480";
	}
}

/* ---------------
 * - B A D G E S -
 * --------------- */

@media all and (max-width: 767px) {
	#tablet, #laptop, #desktop, #big-desktop {
		display: none;
	}
	#phone {
		display: inline;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	#phone, #laptop, #desktop, #big-desktop {
		display: none;
	}
	#tablet {
		display: inline;
	}
}
@media all and (min-width: 992px) and (max-width: 1199px) {
	#phone, #tablet, #desktop, #big-desktop {
		display: none;
	}
	#laptop {
		display: inline;
	}
}
@media all and (min-width: 1200px) {
	#phone, #tablet, #laptop, #big-desktop {
		display: none;
	}
	#desktop {
		display: inline;
	}
}
@media all and (min-width: 1800px) {
	#phone, #tablet, #laptop, #desktop{
		display: none;
	}
	#big-desktop {
		display: inline;
	}
}