@font-face {
	font-family: 'UXPin-icon-set';
	src:url('/fonts/UXPin-icon-set.eot?kib1r2');
	src:url('/fonts/UXPin-icon-set.eot?#iefixkib1r2') format('embedded-opentype'),
		url('/fonts/UXPin-icon-set.woff?kib1r2') format('woff'),
		url('/fonts/UXPin-icon-set.ttf?kib1r2') format('truetype'),
		url('/fonts/UXPin-icon-set.svg?kib1r2#UXPin-icon-set') format('svg');
	font-weight: normal;
	font-style: normal;
}


body, html { 
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden; 
	background-image: url("/img/bgimage2.png");
	background-repeat: no-repeat;
	
  
  }
  
  .flex-container {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: flex-start;
	  padding: 0;
	  margin: 200px 100px 100px 200px;
	  list-style: none;


	}
  
  p{
  font-size: 24px;
  }
  
  .flexbox-item{
  width:500px;
  margin:60px 0 0 20px;
  
  }
  
  .flexbox-item-1{
  min-height:200px;
  }
	
  .flexbox-item-2{
	  min-height:500px;
  }
  
  h1{
  font-size: 48px;
  font-weight: bold;
  }
  
  h2{
	  font-size:16px;
	  font-weight: bold;
  }
  a{
	  text-decoration: none;
	  color: #4CABD4;
  }
  a:visited{
	  color: #4CABD4;
  }
  
  
@media(min-width: 650px) and (max-width: 750px ){
	h1{
		font-size: 64px;
	}
	h2{
		font-size: 48px;
	}
	p{
		font-size:24px;
	}
	
			
}

@media(min-width: 0px) and (max-width: 649px ){
	h1{
		font-size: 64px;
	}
	h2{
		font-size: 48px;
	}
	p{
		font-size:24px;
	}
		
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

h1{
	font-size: 100px;
}
h2{
	font-size: 48px;
}
p{
	font-size:36px;
}
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}