/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Roboto:400,700');


/* MOBILE FIRST  */
body {background-color:#fcd702; color:#2c2c2c;}

#pageWrapper {position:relative; width: 100%;  
display: flex; flex-wrap:wrap; box-sizing: border-box;
padding: 30px 25px 30px 25px;}


#topWrapper { display:flex; width:100%; flex-wrap: wrap; align-items:stretch; }

#one{flex: 1 0 100%; background-image:url(/images/ibLogo.svg); background-size:contain; background-repeat:no-repeat; 
width: 100%;  order: 1; min-height:40vh;  }

#featureList,#login{flex: 1 0 100%; list-style-type:none;  padding: 0; margin-top:25px;  order: 3; }
#featureList li {font-family:"Roboto", sans-serif; color:#fff; text-align:right; font-size:18px; letter-spacing: 0.001em;  }


#strapline { flex-align: top; margin:13px 0 10% 69px; order: 2;}
#strapline strong {font-family:"Roboto", sans-serif; font-size: 16px; font-size: 11.4vw; font-weight:normal; display: block;line-height: 1em;}
#strapline em {font-family:"Libre Baskerville", sans-serif; display:block; font-style: normal; letter-spacing: 0.025em; font-size:4.932vw;}


#address {width: 100%; box-sizing: border-box; margin: 100px 0% 20% 0%; border-top: 1px solid #2c2c2c;padding-top: 10px;}
#address p {font-family:"Libre Baskerville", sans-serif; margin:0; display:block; letter-spacing: 0.01em; font-size:13.6px;}
#address p:not(:first-child):not(:last-child) {margin-top:20px;}
#address a {color:#2c2c2c;}
.mobileText110 { font-size:115%;}

#pageWrapper {margin:0 auto;}







@media (min-width: 600px) { 
#pageWrapper {position:relative; width: 100%;  
display: flex; flex-wrap:wrap;box-sizing: border-box;
padding: 0;}

#topWrapper { display:flex; width:100%; flex-wrap: wrap; align-items:stretch;  }

#one{flex: 1 0 30%; background-image:url(/images/ibLogo.svg); background-size:contain; background-repeat:no-repeat; margin:3% 0 0 15%;  order:1;  min-height:0; }

#featureList,#login{flex: 1 0 40%; list-style-type:none;  margin: 15% 15% 0px 0px; padding: 0; order:2;   }
#featureList li {font-family:"Roboto", sans-serif; color:#fff; text-align:right; font-size:1.74vw; letter-spacing: 0.01em;  }


#strapline { flex-align: top; margin:30px 0 10% 23%; order:3;}
#strapline strong {font-family:"Roboto", sans-serif; font-size: 16px; font-size: 4.5vw; font-weight:normal; display: block;line-height: 1em;}
#strapline em {font-family:"Libre Baskerville", sans-serif; display:block; font-style: normal; letter-spacing: 0.025em; font-size:1.91vw;}


#address {width: 100%; box-sizing: border-box; margin: 0 15% 20% 15%; border-top: 1px solid #2c2c2c;padding-top: 10px;}
#address p {font-family:"Libre Baskerville", sans-serif; margin:0; display:block; letter-spacing: 0.01em; font-size:1.3vw;}
#address p:not(:first-child):not(:last-child) {margin-top:20px;}
#address a {color:#2c2c2c;}

.mobileText110 { font-size:100%;}

}

/* PORTRAIT IPAD */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
 #pageWrapper { padding: 50px 0 0 0 !important;}

#one{flex: 1 0 42%; margin:3% 0 0 8%;  order:1; min-height:30vh; }
#featureList,#login{flex: 1 0 42%;  margin: 15% 8% 0px 0px;order:2; align-self: flex-end; padding-bottom:15px;  }
 
#strapline { flex-align: top; margin:27px 0 10% 19.5%; order:3;}
#strapline strong {font-family:"Roboto", sans-serif; font-size: 16px; font-size: 6.75vw; font-weight:normal; display: block; line-height: 1em;}
#strapline em {font-family:"Libre Baskerville", sans-serif; display:block; font-style: normal; letter-spacing: 0.02em; font-size:2.87vw;} 


#featureList li {font-size:2.27vw; letter-spacing: 0.01em;  font-weight: bold; }


#address { margin: 140px 8% 20% 8%; }
#address p {letter-spacing: 0.01em; font-size:2.5vw;}
#address p:not(:first-child):not(:last-child) {margin-top:20px;}
#address a {color:#2c2c2c;}

}


/* LANDSCAPE IPAD */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {


#one{flex: 1 0 42%; margin:3% 0 0 8%;  order:1; min-height:47vh; }
#featureList,#login{flex: 1 0 42%;  margin: 15% 8% 0px 0px;order:2; align-self: flex-end; padding-bottom:15px;  }

#featureList li {font-size:2.27vw; letter-spacing: 0.01em;  font-weight: normal; }


#strapline { flex-align: top; margin:27px 0 10% 17.5%; order:3;}
#strapline strong {font-family:"Roboto", sans-serif; font-size: 16px; font-size: 6.75vw; font-weight:normal; display: block; line-height: 1em;}
#strapline em {font-family:"Libre Baskerville", sans-serif; display:block; font-style: normal; letter-spacing: 0.023em; font-size:2.88vw;} 

#address { margin: 10px 8% 20% 8%; }
#address p {letter-spacing: 0.01em; font-size:2.1vw;}
#address p:not(:first-child):not(:last-child) {margin-top:20px;}
#address a {color:#2c2c2c;}

}


@media (min-width: 601px)
and (max-width:1000px)
 {
	 
	 
#one{flex: 1 0 42%; margin:3% 0 0 5%;   min-height:270px; }

#featureList,#login{flex: 1 0 48%;   margin: 15% 5% 0px 0px; align-self: flex-end; padding-bottom:15px;  }
#featureList li {font-size:2.6vw; letter-spacing: 0.01em;  }

#strapline { flex-align: top; margin:30px 0 10% 17.5%; order:3;}
#strapline strong {font-size: 7.5vw; }
#strapline em {letter-spacing: 0.025em; font-size:3.15vw;}

#address {margin: 0 5% 20% 5%; }
#address p {font-size:2vw;}

 
	  }
	  
	  
 /* iphone 6 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
 #one{flex: 1 0 27%;  margin:2% 0 0 8%;  }

#featureList,#login{flex: 1 0 47%; margin:0px 8% 45px 0px;   }
#featureList li { font-size:2.6vw; letter-spacing: 0.01em;  }

#strapline { margin:-37px 0 10% 17.5%; }
#strapline strong {font-size: 7vw; }
#strapline em {letter-spacing: 0.025em; font-size:2.96vw;}

#address {margin: 40px 8% 10% 8%; }
#address p {font-size:2.6vw;}

}