html, body {
height:100%;
margin:0 auto;
width:100%;
}

h1 {
font-family:georgia;
font-size:36px;
font-style:italic;
letter-spacing:1px;
}

.webviclass a {
color:#ffffff;
font-size:18px;
letter-spacing:0px;
overflow:auto;
text-decoration:none;
text-overflow:ellipsis;
-webkit-transition: color .6s;
-moz-transition: color .6s;
transition:color .6s;
text-shadow:0 3px #000000;
}

.webviclass a:hover {
color:#000000;
text-decoration:none;
text-shadow:0px 1px #ffffff;
}

/* was #7B007B #ff9e27 #9b009b */
#firstwrapper {
background: -webkit-linear-gradient(top, #ff9e27 0%, #000000 100%);
background: linear-gradient(to bottom, #ff9e27 0%, #000000 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #ff0000;
border-radius:3px;
display:flex;
flex-direction:column;
margin:auto;
overflow:visible;
padding-bottom:0px;
padding-top:0px;
text-align:center;
width:99%;
}

#wrapper {
background: -webkit-linear-gradient(top, #000000 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #000000 0%, #d5d5d5 100%);
height:auto;
margin:auto;
border:1px solid #ffffff;
border-radius:6px;
display:flex;
flex-direction:column;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:93%;
}

.webviclass {
color:#ffffff;
font-family:verdana;
font-style:italic;
font-weight:bold;
text-align:center;
text-shadow:0px 1px #000000;
}

#top_webvi {
background-color:transparent;
border:0px dotted #000000;
border-radius:6px;
display:flex;
flex-direction:column;
margin:auto;
overflow:visible;
padding:0px;
position:relative;
width:auto;
}

#webvi_class2 {
background-color:transparent;
border:1px dotted #000000;
border-radius:6px;
display:flex;
flex-direction:column;
margin:auto;
margin-top:3px;
overflow:visible;
padding:3px;
position:relative;
top:3px;
width:93%;
}

.webviclass2 {
color:#ffffff;
font-family:verdana;
font-weight:bold;
text-align:center;
text-shadow:0px 1px #000000;
}

#sugarfreeenergydrinks {
background: -webkit-linear-gradient(top, #000000 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #000000 0%, #d5d5d5 100%);
border:1px dotted #000000;
border-radius:6px;
display:flex;
flex-direction:column;
margin:auto;
margin-top:3px;
overflow:visible;
padding:3px;
position:relative;
top:3px;
width:93%;
}

.sugarfreeenergydrinks {
color:#ffffff;
font-family:verdana;
font-weight:bold;
text-align:center;
text-shadow:0px 1px #000000;
}

#webvi_class3 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:21px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:3px;
position:relative;
top:3px;
width:99%;
}


@media screen and (max-width: 1600px) {

#firstwrapper {
background: -webkit-linear-gradient(top, #ff9e27 0%, #000000 100%);
background: linear-gradient(to bottom, #ff9e27 0%, #000000 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #ff0000;
border-radius:3px;
display:flex;
flex-direction:column;
margin:auto;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:99%;
}

#wrapper {
background: -webkit-linear-gradient(top, #000000 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #000000 0%, #d5d5d5 100%);
display:flex;
flex-direction:column;
margin:auto;
border:1px solid #ffffff;
border-radius:6px;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:93%;
}

#webvi_class3 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:21px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}

#webvi_class4 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:21px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}

}


@media screen and (max-width: 800px) {

#firstwrapper {
background: -webkit-linear-gradient(top, #ff9e27 0%, #000000 100%);
background: linear-gradient(to bottom, #ff9e27 0%, #000000 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #ff0000;
border-radius:3px;
display:flex;
flex-direction:column;
height:auto;
margin:auto;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:99%;
}

#wrapper {
background: -webkit-linear-gradient(top, #000000 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #000000 0%, #d5d5d5 100%);
display:flex;
flex-direction:column;
margin:auto;
border:1px solid #ffffff;
border-radius:6px;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:93%;
}

#webvi_class3 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:21px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}

#webvi_class4 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:21px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}
}    

@media screen and (max-width: 400px) {

#firstwrapper {
background: -webkit-linear-gradient(top, #ff9e27 0%, #000000 100%);
background: linear-gradient(to bottom, #ff9e27 0%, #000000 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #ff0000;
border-radius:3px;
display:flex;
flex-direction:column;
margin:auto;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:99%;
}

#wrapper {
background: -webkit-linear-gradient(top, #000000 0%, #d5d5d5 100%);
background: linear-gradient(to bottom, #000000 0%, #d5d5d5 100%);
display:flex;
flex-direction:column;
margin:auto;
border:1px solid #ffffff;
border-radius:6px;
overflow:visible;
padding-bottom:3px;
padding-top:3px;
width:93%;
}
#webvi_class3 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:9px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}

#webvi_class4 {
background-color:transparent;
border:0px dotted #ff0000;
border-radius:6px;
display:flex;
flex-direction:column;
height:9px;
margin:auto;
margin-top:0px;
overflow:visible;
padding:0px;
position:relative;
top:3px;
width:99%;
}
}