@charset "utf-8";
/* CSS Document */
.btn-sos{
	background-color:hsla(181,66%,53%,1.00);
	color:white;
	}





/*-----------------iphone 6+--------------------------*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { 

.intro-section{
	margin-top: 50px;
	margin-bottom: 50px;
}
#logo{
	display: inline-block;
	}
   .about-artist-section{
	height:auto;
	padding-bottom: 25px;
	margin-bottom: 20px;
	}

	.product-section{
		height: auto;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}
	.services-section{
		height: auto;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}

}/*end of @media*/

/*-----------------iphone 6+--------------------------*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 
.box-content{
	border:none;
}
.intro-section {
	
	height:auto;
}
.intro-section h2{
font-size:1.5em;
}
#about-sos{
	height:auto;
}
#about-sos h3 {
	color:#62d7d6;
	font-size:1.2em;
}
#about-sos img {
	display:none;
}
#about-artist {

	height:auto;
	padding-bottom: 25px;
	margin-bottom: 20px;
	
}
	.services-section{
		height: auto;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}
	.product-section{
		height: auto;
		padding-bottom: 25px;
		margin-bottom: 20px;
	}

}/*end of @media*/


/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
	
	
.intro-section {
	padding-top:5px;
	height:auto;
}
.intro-section h2{
	font-size:1.5em;
}

#about-sos{
	height:1200px;
}
#about-artist {
	font-size:.9em;
	color:white;
	margin-bottom:25px;
	height:1200px;
}

} /*end of @media*/


/* Galaxy*/
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

.intro-section {
   padding-top:5px;
	
}
#about-sos{
 	height:1200px;
}
#about-artist {
	font-size:.9em;
	color:white;
	margin-bottom:25px;
	height:1200px;
}
.services-section li{
	line-height:70%;
}
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	
.intro-section {
	padding-top:5px;
}
#about-sos{
	height:1200px;
}
	
	
}/*end of @media*/

@media only screen and (max-width: 767px) {
		
}/*end of @media*/

@media (min-width:992px) and (max-width:1199px){
	
#intro{
height:auto;
padding-bottom:50px;
}

#about-sos{
	height:auto;
}
#about-sos img{
	max-width:50%;
}
#about-artist{
	height:1200;

}
	
}/*end of @media*/



@media (min-width:768px) and (max-width:991px){
	
#intro{
	height:auto;
	padding-bottom:50px;
}
	
#about-sos{
	height:auto;
}
#about-artist{
	height:1200;
}
	
}/*end of @media*/
 
@media (min-width:320px) and (max-width:767px){
	
#intro{
	height:auto;
	padding-bottom:50px;
}
#about-sos{
	height:auto;
	padding-top:-150px;
	padding-bottom:50px;
}

#about-artist{
	height:auto;
	}
#services{
	height:auto;
	
}
#contact{
	height:auto;
}
	
}/*end of @media*/


@media only screen and (max-width: 320px) {

#logo{
	display:none;
}

.intro-section {
	  margin-top:-140px;
	  margin-bottom:90px;
	  box-shadow:none;
	  height:800px;
}
.intro-section h2{
	font-size:1em;
}
#about-sos{
	height:1600px;
}
.about-artist-section{
	margin-top:-145px;
	margin-bottom:90px;
	}
#about-artist p{
	font-size:24px;
}
.services-section li {
	list-style:none;
	font-family: 'Niconne', cursive;
	font-size:.9em;
	line-height:80%;
	
}
}/*end of @media*/
@media (max-width: 1560px){
	.products-section{
		height: auto;
		
	}
	
}