body{margin: 0px; font-family: "Barlow", sans-serif; align-items: center}
a:hover {text-decoration:none; cursor:pointer; color: #7ebc28}
a:link {text-decoration: none}
.responsive {width: 100%; height: auto;}


.lead{width:60%; color: #fef14d; font-size: 40px; position: absolute; text-align: center; margin-top:28.75%; line-height: 45px; margin-left: 20%; background: rgba(254, 241, 77, 0.5); padding-top: 0.5%; padding-bottom: 0.5%; font-weight:500; border:solid; border-width: 3px; border-color: #fff}



h1{font-size:300%; font-weight:400; font-family:"Barlow"; line-height: 100%; text-transform: capitalize; color: #fff; text-align: center; margin-top:0.25%; }

.red{padding:5%; background-color:brown}
.green{font-size:12px; color:#fff; font-weight:bold; background-color:#47671b; text-transform: uppercase; padding:5%; margin-top:-10%}
.link{color:#47671b; font-weight: 600}

.content_box_full{bottom: 0; align-items: center; text-align:center; justify-content: center; display: flex;}
.top{width:100%; text-align: center; padding-top: 1%}
.left, .right {float: left; width: 20%; text-align: center; margin-top: 1%}
.main { float: left; width: 60%; height: auto }
.flag_big{float:left; width:4.25%; padding: 0.5%; text-align: center}
.box{width:80%; float: left; background-color: antiquewhite; margin-left: 10%; margin-right: 10%; padding-bottom: 5%; text-transform: uppercase; font-size:150%; line-height: 90%; text-align: left; font-weight: 500; color:#284360; padding-bottom: 2%; padding-top: 2%; background-image: url("../img/usa_bg.png"); border-bottom:solid; border-bottom-width:3px; border-bottom-color:#cf1b31; margin-bottom: 1%}
.hm_content3{width:32.25%; float: left; height: auto; margin: 0.5%; margin-bottom: 2.5%}
.hm_content3_text{width:100%; font-size:125%; 	bottom: 0; align-items: center; text-align:center; justify-content: center;}
.hm_content3_image{width:100%; float: left; height:145px; overflow: hidden; margin-bottom: 1%}
.teampan{align-items: center; justify-content: center; display: flex; background-image: url("../img/bg.jpg"); background-repeat: repeat; background-attachment: fixed; background-size: 100%;}

.adpannel{width:98%; float: left; border:solid; border-width: 1px; border-color: green; padding: 1%; text-align: center; margin-top: 2%; margin-bottom: 2%}

.scorecard{width:300px; position: fixed; bottom: 0;  align-items: center; margin-right: 0.5%; margin-bottom: 0.5%; text-align: center; right:0; background-image: url("../img/mobile.png"); background-repeat: no-repeat; padding-left: 10px; padding-right: 10px; float: right; height: 150px }





@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .left{width: 100%; margin-top: 12%  }
	  .main {width: 100%; height: auto;  }
	 .right {width: 100%;  }
	.content_box_full{display: list-item;}
	.teampan{display: list-item; height: 135px; padding-left: 2%}
	.lead{width:70%; color: #fff; font-size: 100%; position: absolute; text-align: center; margin-top:32%; line-height: 100%; margin-left: 15%; background: rgba(254, 241, 77, 0.4); padding-top: 1%; padding-bottom: 1%; font-weight:500; border:solid; border-width: 1px; border-color: #fff}
	
	.flag_big{width:11%}
	.hm_content3{width:98%; padding-left: 1%; padding-bottom: 3%}
	.hm_content3_image{width:40%; padding-right: 2%; margin-top: 2%; height: 70px; width:37%; overflow: hidden}
	.hm_content3_text{font-size:100%; text-align: left; margin-top: 1%; bottom: 0; align-items: center; justify-content: center;}
}