/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html{
 height:100%;
 width:100%;
 min-height:100%;
background:url(../img/GradBG.png) bottom center repeat-x fixed, url(../img/PatternBG.jpg) center center no-repeat fixed;
background-size:auto 100%, cover;
}

html,
body {
  height: 100% !important;
}


body{
margin:0;
padding:0;
color: #fff;
text-align: center;
position: relative;
font-family: Arial, sans-serif;
}

#wrapper{
	position: relative;
	width: 100%;
	margin: auto;
}

#top_border{
display: block;
height: 20px;
width: 100%;
margin:0;
position: absolute;
top: 0;
background: url(../img/top_bar_BG.png) center center no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}

#header {
  margin: auto;
  padding: 100px 0;
  width: 100%;
  height:15%;
}

h1{
	font-size: 110px;
  font-weight: bold;
}

h2{
	font-size: 25px;
	letter-spacing:1px;
  margin-bottom:20px;
}

h2{
  color:#1973B6;
}

h2 span{
  color:#1973B6;
}

h2 span:last-of-type{
margin-left: 25px;
}

h3{
  margin-top:10px;
}

.image-adapt {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width:40%;
  text-align: center;
}

#middle {
  /*margin: 50px 0;*/
  padding: 55px 0;
  width: 100%;
  color: #1973B6;
}

#middle>img:first-of-type {
  margin-bottom:15px;
}

#middle>img:last-of-type {
  margin-bottom: 45px;
}

#footer{
	width:100%;
  color:#878786;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

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

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

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

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

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

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

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

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media screen and (max-width: 425px){
  .image-adapt {
  max-width:60%;
  }
  
  h2 {
    width:95%;
    text-align: center;
    margin: 0 auto;
  }

  #footer{
    font-size:11px;
  }
}

@media screen and (max-width: 568px){
	.image-adapt {
	max-width:60%;
	}
  
	
	#header{
		width: 100%;
		/*padding: 30px 0 30px 0;*/
		margin: auto;
	}


	h1{
		font-size: 53px;
	}

	h2{

		font-size: 15px;
		letter-spacing: 2px;
	}

	h2 strong.sep-one{
		width: 30px;
		margin-left: -40px;
		margin-top: 7px;
	}

	h2 strong.sep-two{
		width: 30px;
		margin-left: 10px;
		margin-top: 7px;
	}

	#middle{
		/*margin: 50px 0 20px 0;*/
		width: 90%;
		padding: 5%;
	}

	#middle p span{
		color:#e63b4d;
	}


}