@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Lato|Staatliches');
@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');

#ifrm {
    display: none;
}

.carousel-caption.title h1 {
 	font-weight: bold; 
 	font-size: 10vmin; 
 	text-transform: uppercase;
}

/* Disable automation overflow*/
html {
	
	margin: 0;
	padding: 0;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;

}

body {
	min-height: 100%;
	/*font-family: 'Poppins', sans-serif;*/
	font-family: 'Ropa Sans', sans-serif;
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Staatliches', cursive;*/
	/*font-family: sans-serif;*/
	font-size: 16px;
}

h3 {
	text-transform: lowercase;
}

h3::first-letter, p::first-letter {
 text-transform: uppercase;
}

p {
	/*text-align: left;*/
	text-transform: lowercase;
	/*word-break: break-all;*/
}

p img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


label::first-letter {
 text-transform: uppercase;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border:none;
  font-size: 95%;
}

.btn-primary:hover {
  -webkit-filter: brightness(75%); /* Safari 6.0 - 9.0 */
  filter: brightness(75%);
  cursor: pointer;
  /*border-color: #0062cc;*/
}

.btn {
  border: none;
}

.btn:focus, .btn.focus {
  outline: none;
  box-shadow: none;
}

@media screen and (min-width: 300px) {
	
	.navbar ul li a {
		font-size: calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300)));
	}

	body {
	  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
	}
	
	label.btn-primary {
	  color: #fff;
	  background-color: #007bff;
	  border:none;
	  font-size: 95%;
	}

	label {
	 font-size: calc(18px + (20 - 18) * ((100vw-300px) / (1600 - 300)));
	}

	h1.instrument-txt {  
	  font-size:calc(1.2*1.2*1.2*1.2 *1rem); 
	}

	h1 {  
	  font-size:calc(1.1*1.1*1.1*1.1 *1rem); 
	}

	h2 {  
	  font-size: calc(1.1*1.1*1.1 *1rem);
	}

	h3 { 
	  font-size: calc(1.1*1.1*1.1 *1rem);
	}

	h4 { 
	  font-size: calc(1.1*1rem);
	}

	h5 { 
	  font-size: calc(1rem);
	}

	.h1 {  
	  font-size:calc(1.1*1.1*1.1*1.1 *1rem); 
	}

	.h2 {  
	  font-size: calc(1.1*1.1*1.1 *1rem);
	}

	.h3 { 
	  font-size: calc(1.1*1.1*1.1 *1rem);
	}

	.h4 { 
	  font-size: calc(1.1*1rem);
	}

	.h5 { 
	  font-size: calc(1rem);
	}
}

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

	body {
	  font-size: 16px;
	}

	label.btn-primary {
	  color: #fff;
	  background-color: #007bff;
	  border:none;
	  font-size: 95%;
	}

	label {
	 font-size: 20px;
	}

	h1.instrument-txt {  
	  font-size:calc(1.3*1.3*1.3*1.3*1.3 *1rem); 
	}

	h1 {  
	  font-size:calc(1.2*1.2*1.2*1.2 *1rem); 
	}

	h2 {  
	  font-size: calc(1.2*1.2*1.2 *1rem);
	}

	h3 { 
	  font-size: calc(1.2*1.2 *1rem);
	}

	h4 { 
	  font-size: calc(1.2*1rem);
	}

	h5 { 
	  font-size: calc(1.2*1rem);
	}

	.h1.instrument-txt {  
	  font-size:calc(1.3*1.3*1.3*1.3 *1rem); 
	}

	.h1 {  
	  font-size:calc(1.2*1.2*1.2*1.2 *1rem); 
	}

	.h2 {  
	  font-size: calc(1.2*1.2*1.2 *1rem);
	}

	.h3 { 
	  font-size: calc(1.2*1.2 *1rem);
	}

	.h4 { 
	  font-size: calc(1.2*1rem);
	}

	.h5 { 
	  font-size: calc(1.2*1rem);
	}

	label.p {
		text-align: left;
		text-transform: lowercase;
		font-size: 16px;
		/*word-break: break-all;*/
	}

}


/* Media Queries */
@media only screen and (min-width: 1500px) {
	.carousel-caption.title h1 {
	 	font-size: 10vmin; 
	}
}

@media only screen and (min-height: 1100px) {
	.carousel-caption.title h1 {
	 	font-size: 8vmin; 
	}
}

@media only screen and (min-height: 2000px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}

@media only screen and (max-width: 1100px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}


@media only screen and (max-width: 992px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}

@media only screen and (max-width: 768px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}


@media only screen and (max-width: 576px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}

@media only screen and (max-width: 375px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}
}

@media only screen and (max-width: 320px) {
	.carousel-caption.title h1 {
	 	font-size: 7vmin; 
	}

}