* {margin: 0;padding: 0;}
body {font-family: "Roboto", sans-serif;font-weight: 300;font-size: 1.5vw;}

body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1;content:url(/images/icon_1H.png) url(/images/icon_2H.png) url(/images/icon_3H.png) url(/images/icon_4H.png) url(/images/icon_5H.png);}

h1{font-family: "Roboto", sans-serif;font-weight: 800;font-size: 4vw;padding: 4% 30px 4% 30px;}
h2{font-family: "Roboto", sans-serif;font-weight: 800;font-size: 2.5vw;padding: 4% 0px 4% 0px;}

/* updated */

.top-menu{
	width: 100%;
	height: 60px;
	background-color: rgb(11,46,115);
	margin-left: auto;
	margin-right: auto;
}
.top-menu-content{
	max-width: 1200px;
	padding: 12px 30px 0px 30px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.hero-image{
	width: 100%;
	height: auto;
	background-image: url("images/hero_home.jpg");
	background-repeat: no-repeat;
  	background-size: cover;
	aspect-ratio: 20 / 9.45;
	margin-left: auto;
	margin-right: auto;
}
.hero-content-wrapper{
	padding: 5% 30px 0px 30px;
}
.hero-content{
	max-width: 1200px;
	/*padding: 5% 30px 0px 30px;*/
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.hero-text{
	font-family: "Roboto", sans-serif;
	font-weight: 800;
	color: rgb(202,107,3);
	-webkit-text-size-adjust: 100%;
	font-size: 5.5vw;
	text-transform: uppercase;
}
.button {
  border: 1px solid rgb(11,46,115);
	background-color: rgb(11,46,115);
	color: white;
  padding: 10px 20px 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 2vw;
  margin: 8% 2px;
  cursor: pointer;
}
.buttonBorder {border-radius: 2vw;}
.button_icon {
	width: 100px;
	height: 100px;
  text-decoration: none;
  display: inline-block;
  
  cursor: pointer;
	padding-right: 10px;
}
.icon1 {
   background-image: url('/images/icon_1.png');
	width: 100px;
	height: 100px;
   background-repeat: no-repeat;
  background-size: 100px 100px;
}

.icon1:hover {
   background-image: url('/images/icon_1H.png');
}
.icon2 {
   background-image: url('/images/icon_2.png');
	width: 100px;
	height: 100px;
   background-repeat: no-repeat;
  background-size: 100px 100px;
}

.icon2:hover {
   background-image: url('/images/icon_2H.png');
}
.icon3 {
   background-image: url('/images/icon_3.png');
	width: 100px;
	height: 100px;
   background-repeat: no-repeat;
  background-size: 100px 100px;
}

.icon3:hover {
   background-image: url('/images/icon_3H.png');
}
.icon4 {
   background-image: url('/images/icon_4.png');
	width: 100px;
	height: 100px;
   background-repeat: no-repeat;
  background-size: 100px 100px;
}

.icon4:hover {
   background-image: url('/images/icon_4H.png');
}
.icon5 {
   background-image: url('/images/icon_5.png');
	width: 100px;
	height: 100px;
   background-repeat: no-repeat;
  background-size: 100px 100px;
}

.icon5:hover {
   background-image: url('/images/icon_5H.png');
}
.hero-text-padding{
	padding-bottom: 50px;
}
.content-1200{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.text-padding{
	padding: 0px 30px 4% 30px;
}







.second-image{
	width: 100%;
	height: auto;
	background-image: url("images/blue1a.jpg");
	background-repeat: no-repeat;
  	background-size: cover;
	/*aspect-ratio: 20 / 9.45;*/
	margin-left: auto;
	margin-right: auto;
}

.second-content-wrapper{
	padding: 5% 0px 0px 0px;
	
}

.second-content{
	max-width: 1200px;
	height: 100%;
	/*border: 2px solid green;*/
	margin-left: auto;
	margin-right: auto;
}

.second-content-flex{
	max-width: 1200px;
	padding: 0px 30px 0px 30px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;

}

* {
  box-sizing: border-box;
}

.second-border{
	border: 3px solid rgb(218, 140,19);
	width: 32.5%;
	height: auto;
	/*box-sizing: border-box;*/
}



.Two-container {
  display: flex;
  flex-wrap: wrap;
}

.Two-item1 {
  flex-basis: 30%;
  
}
.Two-item2 {
  flex-basis: 70%;
  
}

.third-image{
	width: 100%;
	height: auto;
	background-image: url("images/blue2.jpg");
	background-repeat: no-repeat;
  	background-size: cover;
	background-position: right bottom;
	/*aspect-ratio: 20 / 9.45;*/
	margin-left: auto;
	margin-right: auto;
}

.Two-containerB {
  display: flex;
  flex-wrap: wrap;
}

.Two-itemB1 {
  flex-basis: 70%;
  
}
.Two-itemB2 {
  flex-basis: 30%;
  
}

/* end */



@media all and (min-width : 1200px) {
	/*.hero-text{font-size: 66px;}*/
}

@media all and (max-width : 1199px) {
	body {font-size: 16px;}
}

@media all and (max-width : 1024px) {
	
}
@media all and (max-width : 960px) {
	.hero-text-padding{padding-bottom: 40px;}
	h2{font-size: 18px;}
}
@media all and (max-width : 768px) {
	.icon1, .icon2, .icon3, .icon4, .icon5 {width: 75px;height: 75px;background-size: 75px 75px;}
	.button_icon {width: 75px;height: 75px;padding-right: 10px;}
	.hero-text-padding{padding-bottom: 30px;}
	h1{font-size: 22px;}
	h2{font-size: 18px;}
}
@media all and (max-width : 640px) {
	.icon1, .icon2, .icon3, .icon4, .icon5 {width: 50px;height: 50px;background-size: 50px 50px;}
	.button_icon {width: 50px;height: 50px;padding-right: 7px;}
	.hero-text-padding{padding-bottom: 20px;}
	.second-border{width: 32%;}
	.body {font-size: 14px;}
}
@media all and (max-width : 480px) {
	.hero-text-padding{padding-bottom: 15px;}
}