/****** Tablet (portrait) ******/
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {

  div#sc{
    width: auto;
    font-size: 15px !important;
    margin-left: 80px;
  }

  div#bg{
    width: auto;
  }

  #t{
    margin-left: -76px;
	background-position: center right;
  }

  #p{
    width: 777px !important;
  	margin-left: 10px;
	margin-right: 10px;
  }

  h2{
    font-size: 16px !important;
  }

  .slogan{
  	display:none;
  }

  #adv-o{
  	margin-left:0px;
  	max-width:760px;
  }

  #r{
  	margin-top:50px;
  	width:760px;
  }
  
}

/****** Tablet (landscape) ******/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

	#p{
		margin-left:10%;
	}

	#r{
  		width: 1000px;
 	}


}

/****** Mobiel(portrait) ******/
@media screen and (min-device-width: 320px) and (max-width: 590px) and (orientation: portrait){
  
	body,html{
		width: 100%;
		min-width:300px;
		height:100%;
	}

	#sc {
		width: 100%;
	}

	#t{
		width:100%;
		background-image: none;
	}

	#bg{
		width:100%;
		min-width: 300px;
		margin-left:-8px;
		height:130px;
	}

	#t b{
		display: none;
		height:100%;
	}

	#p{
		width: 320px;
		margin-left: 13%;
	}

	.logo{
		height:100%;

	}

	#adv-o{
		margin-left:-47px;
  		max-width:350px;
  	}

	#r{
    	margin-top: 49px;
    	width: 100px;
    	margin-left: 21%;
    }

}

/****** Mobiel(landscape) ******/
@media screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape){

	body,html{
		width: 100%;
		min-width:300px;
		height:100%;
	}

	#sc {
		width: 100%;
	}

	#t{
		width:100%;
		background-image: none;
	}

	#bg{
		width:100%;
		min-width: 300px;
		margin-left:-8px;
		height:130px;
	}

	#t b{
		display: none;
		height:100%;
	}

	#p{
		width: 90%;
		margin-left: 8%;
	}

	.logo{
		height:100%;
	}

	#adv-o{
		margin-left:0px;
		max-width:400px;
	}

	#r{
		margin-top: 60px;
		margin-left: 25%;
	}

}