body, html{height:100%; margin: 0px; font-family: 'Roboto+Condensed', sans-serif;; background-color: #009a56}

a:link {text-decoration: none; }
a:hover {color: #7b654a; text-decoration:underline; cursor:pointer}

.responsive{width: 100%; height: auto;}

.container { position: relative; text-align: center; color: white; height:700px; overflow: hidden; margin-bottom: 0.5%; background-image: radial-gradient(#555e70, #2a3345, #20293a); background-repeat: no-repeat; background-attachment: fixed; background-size:100%; justify-content: center; align-content: center; border-bottom:solid; border-bottom-width: 4px; border-bottom-color:#fff }
.text1{font-size: 150%; margin-top: }
.text2{font-size: 250%; font-weight: bolder; text-transform: uppercase; background-color: #068e44; padding-left: 0.5%; padding-right: 0.5%}
.logo{width: 100%; position: absolute; top:0; left: 0}
.full{width: 100%; position: absolute; top:20%;}
.full1{width: 100%; position: absolute; top:24%;}
.full2{width: 100%; position: absolute; top:31%;}
.model{ position: absolute; margin-top: -24%; margin-left:50% }
.tagline{font-size: 350%; color: #fff; text-transform: uppercase; font-weight: bolder; line-height: 80%; position: absolute; margin-left:57%; padding-top: 8%; font-weight:900; text-shadow: #000; text-align: center; align-content: center; justify-content: center}
.tagline1{font-size: 50%; color: #fff; text-transform: uppercase; font-weight: bolder; background-color:#ee1c31; margin-left: 1%; margin-right: 1%; line-height: 100%; margin-top: -3%}
.box{width: 39%; border:solid; border-color: crimson; border-width: 5px; position: absolute; margin-left: 22%; padding: 0.5%; margin-top: -5.5%; background-color: #068e44}
.textual{width:71.25%; float: left; padding: 0.75%; font-size: 100%; border-bottom: solid; border-bottom-width: 2px; border-bottom-color: #fff}
.textual1{width:71.25%; float: left; padding: 0.75%; font-size: 100%; border-top: solid; border-top-width: 2px; border-top-color: #fff; margin-top: 2%; padding-top: 2%}
.date{width:71.25%; float: left; padding: 0.75%; font-size: 70%; color:#fff; background-color:#ee1c31; text-transform: uppercase; margin-top: 1%; margin-bottom: 2%; font-weight: bold}
.textbox{width: 42%; margin-left: 2.5%; margin-right: 2.5%; border:solid; border-width: 1px; border-color: #fff; padding-top: 1%; padding-bottom:1%; font-size: 80%; text-align: left; float: left; padding-left: 1%; padding-right: 1%; margin-top:1.5%}

.billboard{width:70%; height: auto; padding:0.5%; }
.team_a{width:29%; float: left;  padding-right: 1.6%; text-transform: uppercase; text-align: right; font-family: 'Roboto'; font-size: 80%; font-weight: 500; height: 15px; margin-top: 2.5%;}
.team_b{width:29%; float: left; padding-left: 1.6%; text-transform: uppercase; font-family: 'Roboto'; font-size: 80%; font-weight: 500;height: 15px; margin-top: 2.5%; text-align: left;}
.cen{width: 7%; float: left; text-align: center; padding-top: 1%; padding-bottom:1%; border:solid; border-width: 1px; border-color: #fff; margin-left: 2%; margin-right: 2%; font-weight: bold; font-size: 125% }
.flag{width: 6%; float: left; text-align: center; padding-top: 1.25%}
.vs{width: 4%; float: left; text-align: center; font-size:60%; padding-top: 3%; height: 15px}
.sure{width: 69.5%; text-align: center; font-size:60%; padding-top: 5%; padding-bottom: 2.25%; height: 15px; position: absolute; margin-top: 34.20%}
.submit{font-size: 200%; color: #fff; padding-left: 1%; padding-right: 1%; text-transform: uppercase; background-color:#ee1c31; padding-top: 0.5%; padding-bottom: 0.5%; margin-left: 5%}
.bottom{width: 100%; text-align: center; font-size:80%; margin-top: -0.15%; color: #fff}
.bottom1{width: 75%; bottom: 0; left: 0; position:fixed; margin-bottom: 2%; text-align: left; margin-left: 25%}




@media only screen and (max-width: 620px) {
  /* For mobile phones: */
	
	.content{width: 98%; text-align: justify; color: #fff; font-size: 200%; margin-left: 1%; margin-right: 1% }
}