@media screen and (min-width: 201px) and (max-width: 900px) 
{
   .content { width: 895px; }
   
  p { font-size: 0.8em; z-index: 30; }
  
  .slide { width: 100% }
  
  #slide1 img { height: 200px; margin: 0; padding: 0; }
  
  #slide1 .righttext { text-align: left; width:90%; padding-right: 30px; color: #FFF} 
  
  #slide1 { background-color: #036; z-index: 30; height: 1000px; width: 100% }
  
  #slide2 img { height: 200px; margin: 0; padding: 0; }

  #slide2 .lefttext { text-align: left; width:90%; padding-right: 30px; }  
  
  #slide2 { background-color: #c5c6c9; z-index: 30; height: 690px; width: 100% }
   
  #slide3 img { height: 200px; padding-top: 30px; padding-left: 2px; margin: 0; padding: 0; margin-top: 25%; }
  
  #slide3 { background-color: #036; z-index: 30; height: 690px; width: 100% }

  #slide3 .righttext { text-align: left; width:90%; padding-right: 30px; color: #FFF; }   
  
  #slide4 img { height: 200px; margin: 0; padding: 0; }

  #slide4 .lefttext { text-align: left; width:90%; padding-right: 30px; }  
  
  #slide4 { background-color: #c5c6c9; z-index: 30; height: 690px; width: 100% }
   
  #slide5 img { height: 200px; padding-top: 30px; padding-left: 2px; margin: 0; padding: 0; margin-top: 25%; }
  
  #slide5 { background-color: #036; z-index: 30; height: 690px; width: 100% }

  #slide5 .righttext { text-align: left; width:90%; padding-right: 30px; }  
   
  #videoSection video { height: 200px; margin: 0; padding: 0; padding-top: 30px; }
  
  #videoSection { background-color: #036; z-index: 30; margin: 0; padding: 0; } 
  
  #slide6 { background-color: #036; z-index: 30; height: 690px; width: 100%  } 
  
  .righttext { margin-top: 0 }
    
}




@media screen and (min-width: 351px) and (max-width: 400px) 
{
	.content { width: 375px; background-color: #FFF; }
}


@media screen and (min-width: 301px) and (max-width: 350px) 
{
	.content { width: 324px; background-color: #FFF; }
}


@media screen and (min-width: 201px) and (max-width: 300px) 
{
   .content { width: 275px; background-color: #FFF; }
    
}


/* ----------- iPhone 4 and 4S ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) 
{
    .content { width: 400px; background-color: #FFF; }
}

/* ----------- iPhone 5 and 5S ----------- */


@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
{
    .content { width: 400px; background-color: #FFF;}
} 


/* ----------- iPhone 6 ----------- */


@media only screen and (min-device-width: 375px) and (max-device-width: 667px)  
{ 
    .content { width: 400px; background-color: #FFF; }
}

/* ----------- iPhone 6+ ----------- */


@media only screen and (min-device-width: 414px) and (max-device-width: 736px)  
{ 
    .content { width: 400px; background-color: #FFF; }
}


/* ----------- Galaxy S2 ----------- */

@media screen and (device-width: 320px) and (device-height: 640px) 
{
    .content { width: 400px; background-color: #FFF; }
}

/* ----------- Galaxy S3 ----------- */


@media screen and (device-width: 320px) and (device-height: 640px) 
{
    .content { width: 400px; background-color: #FFF; }
}

/* ----------- Galaxy S4 ----------- */

@media screen and (device-width: 320px) and (device-height: 640px) 
{
    .content { width: 400px; background-color: #FFF; }
}


/* ----------- Galaxy S5 ----------- */


@media screen and (device-width: 360px) and (device-height: 640px) 
{
    .content { width: 400px; background-color: #FFF; }
}