@media screen and (min-width: 900px){
	.container{width:900px; }
   
}



@media screen and (min-width:768px) and (max-width:899px){ 
.headtext h2{margin-top:0;}
.scrolllink{margin-top:35px;}
.headtext p{margin-top:10px;}

}

@media screen and (min-width:768px){ 
.textsection{color:#fff; font-family: 'Raleway', sans-serif; text-align:center; font-size:14px; line-height:30px; position:absolute; height:100%; right: 0;
  top: 0;}
  
  .orange .textsection{left: 0;}
.textarea{position: relative;
  width: 80%;
  height: 100%;
  display: table; margin:0 auto;}
.innertextarea{height: 100%;
  display: table-cell;
  vertical-align: middle;}


}


@media screen and (max-width: 767px){
	.container, .container.smallwidth{width:100%;}
    .container{width:100%;}	
.container.smallwidth{width:100%;padding-bottom:30px; padding-top:30px;}
.headsection .container {padding-top:30px; padding-bottom:40px; text-align:center;}
.featurebutton{margin:0 auto; display:table;}
.innertextarea{padding:30px 15px;}
.crownmobilepic{margin:0 auto;}
    

}
@media screen and (max-width: 480px){
.container{width:100%;}	
.container.smallwidth{width:100%;padding-bottom:30px; padding-top:30px;}
.apptext{position:inherit; top:0;}
.apptext p{ width:80%;}
.headsection .container {padding-top:30px; padding-bottom:40px; text-align:center;}
.featurebutton{margin:0 auto; display:table;}
.innertextarea{padding:30px 15px;}
.colourappsection img{display:none;}
}





@media screen and (min-width: 1920px){
  .container{width:1300px; } 
  .crownmobilepic{float:right}
  .headtext p {  font-size: 17px; line-height: 31px;} 
  .scrolllink, .footerlinks a{font-size:17px;}
  .footerlinks a{line-height:19px;}
  .textsection{font-size: 18px; line-height: 36px;}
  .socialdiv h3{font-size:36px;}
  .socialdiv a{font-size: 24px;}
  .appheading{font-size:28px;}
   .apptext{top:6px;}
  .apptext p {font-size: 16px;line-height: 30px;width: 70%;}
  .downloaddiv.centerdiv, .featurebutton.centerdiv{float:left;}
  
  
  
  
  
}




@media screen and (max-width: 400px){
.downloadsection a, .socialdiv a, .downloaddiv a{margin-left:0; margin-bottom:20px; clear:left; float:left;} 
.footerlinks a{font-size:14px;}
.nav{width:100%;} 
.nav-pills > li {
    float: left;
    width: 49%;
    text-align: center;
}

.iphonelink{margin-left:0;}

}