/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 0px) {

	.navbar-collapse {
		background-color: #ffffff;
		opacity:0.95;
		padding:20px;
		border:1px solid #9b5413;
		border-radius:10px;
	}

	#logo-k {
		width:50px;
	}

	.margin-top-logo {
		margin-top:40%;
	}

	#logo-hp {
		width:55%;
	}

	#logo-gallery {
		width:150px;
	}


	#section2 h1, #section3 h1 {
		font-size: 22px;
	}

	#section1 p, #section2 p, #section3 p {
		margin-top:24px;
		font-size: 14px;
	}

	#logo-top-sx {
		display:none;
	}
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.navbar-collapse {
		background-color: #ffffff;
		opacity:0.95;
		padding:20px;
		border:1px solid #9b5413;
		border-radius:10px;
	}

	#logo-k {
		width:50px;
	}

	.margin-top-logo {
		margin-top:25%;
	}

	#logo-hp {
		width:60%;
	}

	#logo-gallery {
		width:150px;
	}

	#section2 h1, #section3 h1 {
		font-size: 24px;
	}

	#section1 p, #section2 p, #section3 p {
		margin-top:24px;
		font-size: 14px;
	}

	#logo-top-sx {
		display:none;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-collapse {
		background-color: transparent;
		opacity:1;
		padding:0px;
		border:0px;
	}

	#logo-k {
		width:60px;
	}

	.margin-top-logo {
		margin-top:40%;
	}

	#logo-hp {
		width:40%;
	}

	#logo-gallery {
		width:180px;
	}

	#section2 h1, #section3 h1 {
		font-size: 30px;
	}

	#section1 p, #section2 p, #section3 p {
		margin-top:24px;
		font-size: 16px;
	}

	#logo-top-sx {
		display:block;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.navbar-collapse {
		background-color: transparent;
		opacity:1;
		padding:0px;
		border:0px;
	}

	#logo-k {
		width:80px;
	}


	.margin-top-logo {
		margin-top:18%;
	}

	#logo-hp {
		width:40%;
	}

	#logo-gallery {
		width:200px;
	}

	#section2 h1, #section3 h1 {
		font-size: 38px;
	}

	#section1 p, #section2 p, #section3 p {
		margin-top:24px;
		font-size: 18px;
	}

	#logo-top-sx {
		display:block;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.navbar-collapse {
		background-color: transparent;
		opacity:1;
		padding:0px;
		border:0px;
	}

	#logo-k {
		width:80px;
	}

	.margin-top-logo {
		margin-top:18%;
	}

	#logo-hp {
		width:30%;
	}

	#logo-gallery {
		width:200px;
	}

	#section2 h1, #section3 h1 {
		font-size: 38px;
	}

	#section1 p, #section2 p, #section3 p {
		margin-top:24px;
		font-size: 18px;
	}
	
	#logo-top-sx {
		display:block;
	}
	
}