/*when at 1253px its perfect*/

body, ul, div, img{
	padding: 0;
	margin: 0;
}

span{
	font-style: italic;
}


.border .border_left{
	position: absolute;
	left: 0px;
  	top: 0px;
	z-index:1;
	width: 30px;
}


.border .border_right{
	position: absolute;
	right: 0px;
  	top: 0px;
	z-index:1;
	width: 30px;
}

.border .border_left_2{
	position: absolute;
	left: 0px;
  	top: 710px;
	z-index:1;
	width: 30px;
}


.border .border_right_2{
	position: absolute;
	right: 0px;
  	top: 710px;
	z-index:1;
	width: 30px;
}

.border .border_left_3{
	position: absolute;
	left: 0px;
  	top: 1420px;
	z-index:1;
	width: 30px;
}


.border .border_right_3{
	position: absolute;
	right: 0px;
  	top: 1420px;
	z-index:1;
	width: 30px;
}

.border .border_left_4{
	position: absolute;
	left: 0px;
  	top: 2130px;
	z-index:1;
	width: 30px;
}


.border .border_right_4{
	position: absolute;
	right: 0px;
  	top: 2130px;
	z-index:1;
	width: 30px;
}



h1{
	font-family: 'Fontdiner Swanky', cursive;
	color: #378BF4;
	padding-top: 150px;

}
h2{
	font-family: 'Ubuntu', sans-serif;
	color: #378BF4;
	font-size: 16px;
}


h3{
font-family: 'Ubuntu', sans-serif;
color: #EE1D23;
font-size: 16px;
}

p{
font-family: 'Arial', sana-serif;
}

li{
	list-style-type: none;
}


.catchphrase{
	font-family: 'Ubuntu', sans-serif;
	color: #378BF4;
	font-size: 16px;
	position: absolute;
	left: 30px;
	top: 80px;
}


.define{
	font-family: 'Ubuntu', sans-serif;
	color: #378BF4;
	font-size: 16px;
	font-style: normal;

}

.header{
	display: block;
	background-color: #EBEBE9;
	width: 100%;
	height:  136px;
	list-style-type: none;
	border-bottom: 3px solid #EE1D23;
	position: absolute;
	z-index: 2;

}


.header img{
	position: relative;
	left: 30px;
	top: 25px;
	float: left;
	width: 270px;
	padding: 0;
	margin: 0;
}

.hist {
  position: absolute;
  text-align: right;
  right: 195px;
  top: 100px;
  list-style-type: none;
  font-family: 'Ubuntu', sans-serif;
  color: #378BF4;
  font-size: 20px;
}

.inner{
	position: absolute;
  	text-align: right;
	right: 25px;
	top: 100px;
	list-style-type: none;
	font-family: 'Ubuntu', sans-serif;
	color:#378BF4;
	font-size: 20px;
}

a:link{
	text-decoration: none;
	color: #378BF4;
}

a:visited {
  text-decoration: none;
  color: #378BF4;
}


a:hover {
	font-weight: 700;
}

/*___________BREAK___IN____SECTION!!!!__________*/

#title_section{
	position:static;
	text-align: center;
	display: block;
	padding-top: 20px;
	

}

#title_section .abe{
	width: 65%;
}

#title_section p{

	text-align: center;
	width: 72%;
	display: inline-block;
	position: center;
	padding-bottom: 70px;
}

/*___________BREAK___IN____SECTION!!!!__________*/

.history_1939{
	padding-left: 120px;

}

.history_1939 h2{
	font-size: 20px;
	margin: 0;
}

.history_1939 h3{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	margin: 0;
}
.history_1939 p{
    text-align: left;
    width: 40%;
}


.history_1939 img{
	position: relative;
	width: 34%;
	top: -25px;
    right: 155px;
    float: right;
    margin: 0;
}


/*___________BREAK___IN____SECTION!!!!__________*/


.history_1949 h3{
	padding-top: 80px;
	font-size: 18px;
	text-align: right;
	padding-right: 130px;

}
.history_1949 p{
    text-align: right;
    width: 40%;
    float: right;
    padding-right: 130px;

}

.history_1949 img{
	position: relative;
	width: 28%;
	top: -10px;
    left: 10px;
    float: left;
    margin: 0;
    padding-left: 120px;

}

/*___________BREAK___IN____SECTION!!!!__________*/

.history_2000{
	padding-left: 120px;
	padding-top: 500px;
}

.history_2000 h3{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	margin: 0;
}
.history_2000 p{
    text-align: left;
    width: 43.5%;
}


.history_2000 img{
	position: relative;
	width: 38%;
	top: 0px;
    right: 150px;
    float: right;
    margin: 0;
}

/*___________BREAK___IN____SECTION!!!!__________*/



.history_today h3{
	padding-top: 80px;
	font-size: 18px;
	text-align: right;
	padding-right: 130px;

}
.history_today p{
    text-align: right;
    width: 35%;
    float: right;
    padding-right: 130px;

}

.history_today img{
	position: relative;
	width: 35%;
	top: -25px;
    left: 0px;
    float: left;
    margin: 0;
    padding-left: 120px;

}

footer .border_bottom_1{
	position: absolute;
	top: 2810px;
	right: 29px;
	height: 30px;
	
}

footer .border_bottom_2{
	position: absolute;
	top: 2810px;
	left: 29px;
	height: 30px;
}

/*___________BREAK___IN____SECTION!!!!__________*/

@media (min-width: 1400px){
	.border .border_left{
		width: 40px;
	}
	.border .border_left_2{
		width: 40px;
	}
	.border .border_left_3{
		width: 40px;
	}
	.border .border_left_4{
		width: 40px;
		top: 1902px;
		z-index: 1;
	}
	.border .border_right{
		width: 40px;
	}
	.border .border_right_2{
		width: 40px;
	}
	.border .border_right_3{
		width: 40px;
		top:1902px;
	}
	.border .border_right_4{
		width: 40px;
		top: 1450px;
		z-index: 1;
	}

	footer .border_bottom_1{
	position: absolute;
	top: 2810px;
	right: 29px;
	height: 40px;
	
}

footer .border_bottom_2{
	position: absolute;
	top: 2810px;
	left: 29px;
	height: 40px;
}

	/*___________BREAK___IN____SECTION!!!!__________*/

	#title_section p{
		width: 65%;
	}

	
	/*___________BREAK___IN____SECTION!!!!__________*/
	.history_1939{
		padding-top: 10px;
	}

	.history_1939 h3{
		padding-top: 15px;
	}

	.history_1939 {
    	padding-left: 135px;
	}

	.history_1939 img{
		right: 165px;
		width: 34.5%;
		top: -60px;
   
	}

	/*___________BREAK___IN____SECTION!!!!__________*/
	.history_1949{
		padding-top: 10px;
	}

	.history_1949 h3{
		padding-top: 125px;
		padding-right: 160px;
	}

	.history_1949 p{
	padding-right: 160px;
}


	.history_1949 img{
		top: -70px;
	    left: 30px;
	    
	}


	/*___________BREAK___IN____SECTION!!!!__________*/
	.history_2000{
		padding-left: 130px;
		padding-top: 510px;
	}

	.history_2000 img{
		top: -50px;
	    right: 145px;
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_today{
		padding-top: 20px;

	}

	.history_today h3{
		padding-top: 80px;
		padding-right: 155px
	}

	.history_today p{
	    width: 35%;
	    padding-right: 155px;
	}

	.history_today img{
		width: 35%;
		top: -45px;
	    left: 20px;
	    padding-left: 120px;
	}
}


@media (max-width: 1053px){

	h1{
		font-size:;
		padding-top: 150px;
		padding-bottom: 10px;
	}


	.define{
		font-size: 15px;
	}

	.header{
		height:  136px;
	}


	.header img{
		left: 30px;
		top: 45px;
		width: 260px;
	}

	.hist {
	  font-size: 19px;
	}

	.inner{
	font-size: 19px;
	}

	.catchphrase{
	font-size: 14px;
	top: 95px;

	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	#title_section{
		padding-top: 20px;
	}

	#title_section .abe{
		width: 60%;
	}

	#title_section p{
		width: 72%;
		padding-bottom: 70px;
		font-size: 15px;
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_1939{
		padding-left: 115px
	}

	.history_1939 h2{
		font-size: 18px;
	}

	.history_1939 h3{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 17px;
	}

	.history_1939 p{
	    width: 40.5%;
	    font-size: 15px
	}


	.history_1939 img{
		width: 34%;
		top: 10px;
	    right: 145px;
	}


	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_1949 h3{
		padding-top: 80px;
		font-size: 17px;
		padding-right: 120px;

	}
	.history_1949 p{
	    font-size: 15px;
	    width: 44%;
	    padding-right: 120px;
	}

	.history_1949 img{
		width: 26%;
		top: 10px;
	    left: 0px;
	    padding-left: 110px;

	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_2000{
		padding-left: 100px;
		padding-top: 440px;
	}

	.history_2000 h3{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 17px;
	}
	.history_2000 p{
		font-size: 15px;
	    width: 43.5%;
	}


	.history_2000 img{
		width: 37%;
		top:30px;
	    right: 120px; 
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_today h3{
		padding-top: 65px;
		font-size: 17px;
		padding-right: 130px;

	}
	.history_today p{
	    width: 35%;
	    padding-right: 130px;
	    font-size: 15px;

	}

	.history_today img{
		width: 35%;
		top: -5px;
	    left: 0px;
	    padding-left: 105px;
	}
}


@media (max-width: 953px){


	.hist {
	  font-size: 17px;
	  right: ;
	  top:105px;
	}

	.inner{
	font-size: 17px;
	right: ;
	top:105px;
	}

	.catchphrase{
	font-size: 12px;
	top: 95px;
	left: 15px;
}

	.header img{
		left: 15px;
		top: 35px;
		width: 260px;
}

	.history_1939 img{
		width: 34%;
		top:40px;
	    right: 145px;
}


	.history_1949 img{
		width: 26%;
		top: 40px;
	    left: 0px;
	    padding-left: 100px;
}


	.history_2000 img{
		width: 37%;
		top: 70px;
	    right: 120px; 
 }

	.history_today img{
		width: 35%;
		top: 15px;
	    left: 0px;
	    padding-left: 105px;
	}
}


@media (max-width: 853px){

	h1{
		font-size: 22px;
		padding-top: 150px;
		padding-bottom: 10px;
	}


	.define{
		font-size: 14px;
	}

	.header{
		height: 126px;
	}


	.header img{
		left: 15px;
		top: 35px;
		width: 250px;
	}

	.catchphrase{
	font-size: 12px;
	top: 87px;
	left: 15px;
}

	.hist {
	  font-size: 16px;
	  right: ;
	  top:  95px;
	}

	.inner{
	font-size: 16px;
	right: 30px;
	top: 95px;
	}


	/*___________BREAK___IN____SECTION!!!!__________*/

	#title_section{
		padding-top: 20px;
	}

	#title_section .abe{
		width: 60%;
	}

	#title_section p{
		width: 72%;
		padding-bottom: 40px;
		font-size: 14px;
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_1939{
		padding-left: 90px
	}

	.history_1939 h2{
		font-size: 18px;
	}

	.history_1939 h3{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 17px;
	}

	.history_1939 p{
	    width: 42.5%;
	    font-size: 14px
	}


	.history_1939 img{
		width: 34%;
		top: 40px;
	    right: 105px;
	}


	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_1949 h3{
		padding-top: 50px;
		font-size: 17px;
		padding-right: 90px;

	}
	.history_1949 p{
	    font-size: 14px;
	    width: 44%;
	    padding-right: 90px;
	}

	.history_1949 img{
		width: 26%;
		top: 50px;
	    left: 0px;
	    padding-left: 90px;

	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_2000{
		padding-left: 90px;
		padding-top: 440px;
	}

	.history_2000 h3{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 17px;
	}
	.history_2000 p{
		font-size: 14px;
	    width: 43.5%;
	}


	.history_2000 img{
		width: 37%;
		top: 70px;
	    right: 90px; 
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_today h3{
		padding-top: 30px;
		font-size: 17px;
		padding-right: 90px;

	}
	.history_today p{
	    width: 35%;
	    padding-right: 90px;
	    font-size: 14px;

	}

	.history_today img{
		width: 35%;
		top: 25px;
	    left: 0px;
	    padding-left: 90px;
	}

	.border .border_left_4{
		top: 1800px;
	}


	.border .border_right_4{
	  	top: 1800px;
	}

	footer .border_bottom_1{
		top:2481px;
		height: 30px;
	}

	footer .border_bottom_2{
		top: 2481px;
		height: 30px;
	}

}

/*___________BREAK___IN____SECTION!!!!__________*/

@media (max-width: 753px){

	.define{
		font-size: 13px;
	}

	.header{
		height: 120px;
	}

	.header img{
		left: 20px;
		top: 33px;
		width: 235px;
	}

	.catchphrase{
	font-size: 12px;
	top: 85px;
	left: 20px;
	width: 330px;
	font-size: 9px;
	font-weight: 400;
}

	.hist {
	  font-size: 16px;
	  right: ;
	  top: 85px;
	}

	.inner{
	font-size: 16px;
	right: 30px;
	top: 85px;
	}
	

	.border .border_left_4{
		top: 1700px;
	}

	.border .border_right_4{
	  	top: 1700px;
	  	z-index:0;
	}

	#title_section p{
		font-size: 13px;
	}


footer .border_bottom_1{
	position: absolute;
	top: 2391px;
	right: 29px;
	height: 20px;
	
}

footer .border_bottom_2{
	position: absolute;
	top: 2391px;
	right: 29px;
	height: 20px;
}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_1939{
		padding-left: 70px;
	}

	.history_1939 p{
	    width: 44%;
	    font-size: 13px
	}

	.history_1939 img{
		width: 34%;
		top: 30px;
	    right: 105px;
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	
	.history_1949 h3{
		padding-top: 40px;
		font-size: 17px;
		padding-right: 70px;

	}
		.history_1949 p{
	    font-size: 13px;
	    width: 44%;
	    padding-right: 70px;
	}


	.history_1949 img{
		width: 30%;
		top: 50px;
	    left: 0px;
	    padding-left: 70px;

	}

	/*___________BREAK___IN____SECTION!!!!__________*/


	.history_2000 p{
		font-size: 13px
		padding-left: 70px;
	}

	.history_2000 h3{
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 17px;
	}


	.history_2000 img{
		width: 38%;
		top: 90px;
	    right: 70px; 
	}

	/*___________BREAK___IN____SECTION!!!!__________*/

	.history_today{

	}
	.history_today p{
		font-size: 13px;
		padding-right: 70px;
	}

	.history_today h3{
		padding-right: 70px;


	}

	.history_today img{
		width: 35%;
		top: 25px;
	    left: 0px;
	    padding-left: 70px;
	}

}


@media (max-width: 700px){

.history_today h3{
		padding-top: 0;
		font-size: 17px;
		padding-right: 70px;
		margin: 0;

	}
	.history_today p{
	    width: 37%;
	    padding-right: 9\70px;
	    font-size: 14px;

	}

	.history_today img{
		width: 35%;
		top: 60px;
	    left: -10px;
	    padding-left: 90px;
	}