/* 
* 2014 DECOTeam custom devices cascade stylesheet
*
* File: customs-devices.css
* Version: 0.5
* Author: Piotr Sikora
* Date: 21.08.2014
*/

/*
@media (min-width: 400px) and (max-width: 600px) {
	.jumbotron h1 {
	   font-family: opensans-condbold;
		font-size: 18px;
		color: #FFFFFF;
		margin-top: 50px;
		margin-bottom: 50px;
		text-shadow: 1px 1px 3px #333;
   }
   .jumbotron p {
      font-size: 15px;
   }
}
@media (min-width: 601px) and (max-width: 1021px) {
	.jumbotron h1 {
	   font-family: opensans-condbold;
		font-size: 28px;
		color: #FFFFFF;
		margin-top: 50px;
		margin-bottom: 50px;
		text-shadow: 1px 1px 3px #333;
   }
   .jumbotron p {
      font-size: 17px;
   }
}
*/

@media (min-width: 100px) and (max-width: 600px){
   .jumbotron h1 {
	   font-family: opensans-condbold;
		font-size: 18px;
		color: #FFFFFF;
		margin-top: 50px;
		margin-bottom: 50px;
		text-shadow: 1px 1px 3px #333;
   }
   #footer-address {
      position: absolute;
      font-family: opensans-condlight;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-top: 8px
   }
   .carousel-caption h1 {
	   font-size: 30px;
   }
   .carousel-caption h4 {
	   font-size: 15px;
   }
}
@media (min-width: 601px) and (max-width: 1000px){
   .jumbotron h1 {
	   font-family: opensans-condbold;
		font-size: 30px;
		color: #FFFFFF;
		margin-top: 60px;
		margin-bottom: 50px;
		text-shadow: 1px 1px 3px #333;
   }
   .jumbotron p {
      font-family: opensans-condlight;
	   color: #FFFFFF;
	   margin-bottom: 20px;
	   text-shadow: 1px 1px 3px #333;
   }
   #footer-address {
      position: absolute;
      font-family: opensans-condlight;
      font-size: 10px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-top: 8px
   }
   .carousel-caption h1 {
	   font-size: 30px;
   }
   .carousel-caption h4 {
	   font-size: 15px;
   }
}
@media (min-width: 100px) and (max-width: 1500px){
   #shop-mockup {	
		background: url(../images/decoteam-shop-mockup.png) no-repeat center center;
	   max-width: 100%;
	   height: 300px;
	   position: absolute;
	   background-size: contain;
	   left: -300px;
	   margin-top: 50px;
	   z-index: 90;
   }
   #shop-description {
	   position: absolute;
      max-width: 300px;
      height: 400px;
      left: 50%;
      margin-left: -150px;
      text-align: center;
      font-size: 12px;
      z-index: 2000;
   }
   #shop-sign {
	   position: absolute;
	   background: url(../images/shop-sign-coming-soon.png) no-repeat;
	   background-size: contain;
	   max-width: 100%;
	   height: 200px;
	   right: -200px;
	   margin-top: 150px;
   }
}