:root{
	--midblue:  #09598e; /*rgb(9,89,142)*/
	--darkblue: #0077ff; /*rgb(0,119,255)*/
	--yellow:   #ffcc00; /* rgb(255,204,0)*/
	--green:    #3d868f; /*rgb(61,134,143)*/
}

body{
	box-sizing: border-box;
	width:100%;
	text-align: center;
	font-family: 'Dubai', sans-serif;
	margin: 0;
	color: rgb(200, 200, 200);
	overflow: hidden;
}
a{
	color: rgb(200, 200, 200);
}
h1{
	font-size: 3em;
	margin-left:20;
}

h2 {
  font-size: 2em;
}

#w3{
	width: 100%; 
	height: auto;
}

#main{
	display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	height: 7vh;
	position: sticky;
	top: 0px;
	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.19);
	font-size: 3vw;
	background: #fff;
	opacity: 0.85;

}

#main img{
	width: 10%;
	height: auto;
	margin-top: 2%;
}

.next{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 2%;
}

.next img{
 width: 10%;
 height: auto;
}

.tbl-l{
	width: 50%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
.tbl-r{
	width: 50%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.stop{
width:auto; height: 100%;
}
.stopimg{
	width:auto; height: 100%;
}

@media only screen and (max-width: 600px) {
.stop{
width:100%; height: auto;
}
.stopimg{
	width:100%; height: auto;
}

h4{
    font-size: large;
  }
[class*="tbl-"] {
	  display:block;
	  width: 100%;
	  text-align: center;
  }
  
#w3{
	transform: none;
	width: 100%;
	height: auto;
}

#main img{
	width: 25%;
	height: auto;
	margin-top: 15%;
}
body{
	overflow-x: hidden;
	overflow-y: visible;
}
}