h1 {
  color: white;
	font-size: 2.5vw;
  margin: 0;
	font-family: 'Adamina';
}
p {
  font-family: 'Hind Vadodara';
  color: white;
  margin: 0;
  font-weight: 400;
  font-size: 1.6vw;
  line-height: .7vw;
}

.basetextstyle {
  font-family: 'Hind Vadodara';
  color: white;
  margin: 0;
  font-weight: 400;
  font-size: 1.6vw;
  line-height: .7vw;
}

a {
  color: #FFC107;
  font-size: 0.58vw;
  }

.slightlygappier {
  line-height: 1.0;
}

.gappier {
  line-height: 1.2;
}

.evengappier {
  line-height: 1.5;
}

.evenevengappier {
  line-height: 1.8;
}

.evenevenevengappier {
  line-height: 2;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 600;
}

.slightlybigger {
  font-size: 1.8vw;
}

.bigger {
  font-size: 2.2vw;
}

.evenbigger {
  font-size: 2.5vw;
}
.evenevenbigger {
  font-size: 3vw;
}
.evenevenevenbigger {
  font-size: 4vw;
}

.slightlyevensmaller {
  font-size: 1.1vw;
}

.evensmaller {
  font-size: 0.9vw;
}

.evenevensmaller {
  font-size: 0.7vw;
}

.evenevenevensmaller {
  font-size: 0.58vw;
}

.smaller {
  font-size: 1.4vw;
}

.slightlysmaller {
  font-size: 1.5vw;
}

.lineheight1 {
  line-height: 1;
}
.offsetleft {
  padding-left: 1vw;
}
.offsetleftsmall {
  padding-left: 0.5vw;
}
.offsetleftrotationtitlebar {
  padding-left: 5vw;
}

.datepicker {
  position: absolute;
  background-color: white;
  font-family: "Hind Vadodara";
  color: white;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  transition: background-color 0.5s ease;
}


.dateselectbutton {
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  color: white;
  border: 0.1vw solid white;
  background-color: inherit;
  height: 1.45vw;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 5vw;
}
.dateselectbutton:hover {
  background-color: white;
  color: black;
}
.speedgraphbutton {
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  color: black;
  border: 0.1vw solid red;
  background-color: white;
  height: 1.45vw;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
}
.distancegraphbutton {
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  color: white;
  border: 0.1vw solid white;
  background-color: inherit;
  height: 1.45vw;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
}
.dateselectbutton2 {
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  color: white;
  border: 0.1vw solid white;
  background-color: inherit;
  height: 1.45vw;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
}
.dateselectbutton2:hover {
  background-color: white;
  color: black;
}

.rotationdateselectbutton {
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  color: white;
  border: 0.1vw solid white;
  background-color: inherit;
  height: 1.45vw;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 5vw;
}
.dateselectbutton:hover {
  background-color: white;
  color: black;
}




.abouturl {
  z-index: 99;
}

#container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  background: lime; /* Just to visualize the extent */


}

.smalllive {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 5vw;
  margin-left: 11.5vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
  z-index: -1;
  cursor: pointer;
}

.biglive {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
}

.smalllive:hover {
  box-shadow: 0 0 1.2vw #515151;
  }

#liveicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#livetitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-right: 0vw;
  width: 13vw;
  margin-bottom: 1vw;
}
.bigliveclose {
  position: relative;
  float: right;
  width: 2.2vw;
  cursor: pointer;
  color: #9E9E9E;
}
.bigliveclose:hover {
  color: white;
}
#smalllivetext1 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 1.5vw;
  text-align: left;
}
#smalllivetext2 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 2vw;
  text-align: left;
}
#smalllivetext3 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 0vw;
  text-align: left;
}
#biglivetext1 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 1.5vw;
  text-align: left;
}
#biglivetext2 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 2vw;
  text-align: left;
}
#biglivetext3 {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 0vw;
  text-align: left;
}


.smallgraph {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 5vw;
  margin-left: 37.75vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
  cursor: pointer;
}

.biggraph {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
  z-index: -1;
}

.smallgraph:hover {
  box-shadow: 0 0 1.2vw #515151;
}


#graphicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
.biggraphclose {
  position: relative;
  float: right;
  width: 4.5vw;
  cursor: pointer;
  color: #9E9E9E;
}
.biggraphclose:hover {
  color: white;
}
#graphtitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-left: 0vw;
  width: 10vw;
  margin-bottom: 1vw;
}
#biggraphicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#biggraphtitle {
  float: left;
  position: relative;
  padding-top: 2.5vw;
  padding-left: 9vw;
  width: 20vw;
  margin-bottom: 1vw;
}
#smallgraphtext {
  float: left;
  position: relative;
  width: 21.5vw;
  padding-left: 0vw;
  text-align: left;
}
#biggraphtext {
  float: left;
  position: relative;
  width: 55vw;
  text-align: left;
  padding-top: 0vw;
}
#biggraphdateselect {
  display: flex;
  flex-direction: row;
  width: 45vw;
  padding-top: 1.5vw;
  margin-bottom: 1vw;
  margin-left: 8vw;
  height: 1.2vw;
}
.form-control {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}



.smallrotation {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 5vw;
  margin-left: 64vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
  cursor: pointer
}

.bigrotation {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
}

.smallrotation:hover {
  box-shadow: 0 0 1.2vw #515151;
}

#rotationicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
.bigrotationclose {
  position: relative;
  float: right;
  width: 4.5vw;
  cursor: pointer;
  color: #9E9E9E;
}
.bigrotationclose:hover {
  color: white;
}
#rotationtitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-left: 1vw;
  width: 10vw;
  margin-bottom: 1vw;
}
#smallrotationtext1 {
  float: left;
  position: relative;
  width: 14vw;
  padding-left: 0vw;
  padding-top: 0.2vw;
  text-align: left;
}
#smallrotationtext2 {
  float: left;
  position: relative;
  width: 4vw;
  padding-left: 0vw;
  padding-top: 1.5vw;
  text-align: left;
}
#bigrotationicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#bigrotationtitle {
  float: left;
  position: relative;
  padding-top: 2.5vw;
  padding-left: 9vw;
  width: 20vw;
  margin-bottom: 1vw;
}
#bigrotationtext1 {
  display: flex;
  flex-direction: row;
  width: 55vw;
  padding-top: 0.5vw;
  margin-bottom: 1vw;
  margin-left: 2vw;
  height: 1.2vw;
}
#bigrotationdaytext {
  width: 28vw;
  float: right;
  margin-top: 5vw;
}
.rotationdayselectorclass {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
.rotationrangeselector1class {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
.rotationrangeselector2class {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
#bigrotationdaygraph {
  width: 22vw;
  padding-left: 4vw;
  padding-top: 2vw;
  float: left;
}
#bigrotationrangegraph {
  width: 57vw;
  margin-top: 2vw;
  padding-left: 0.5vw;
}
#bigrotationrangetext {
  margin-top: 2vw;
  width: 57vw;
  height: 4vw;

}




.smallspeed {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 25vw;
  margin-left: 11.5vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
  cursor: pointer;
}

.bigspeed {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
}

.smallspeed:hover {
  box-shadow: 0 0 1.2vw #515151;
}

#speedicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#speedtitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-right: 0vw;
  width: 10vw;
  margin-bottom: 1vw;
}
#smallspeedtext {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 1.5vw;
  text-align: left;
}
#bigspeedicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#bigspeedtitle {
  float: left;
  position: relative;
  padding-top: 2.5vw;
  padding-left: 9vw;
  padding-right: 15vw;
  width: 20vw;
  margin-bottom: 1vw;
}
.bigspeedclose {
  position: relative;
  float: right;
  width: 4.5vw;
  cursor: pointer;
  color: #9E9E9E;
}
.bigspeedclose:hover {
  color: white;
}

#bigspeedbar1 {
  display: flex;
  flex-direction: row;
  width: 55vw;
  padding-top: 0.5vw;
  margin-bottom: 0.5vw;
  margin-left: 2vw;
  height: 1.2vw;
}
#bigspeedbar2 {
  display: flex;
  flex-direction: row;
  width: 55vw;
  padding-top: 0.5vw;
  margin-bottom: 1vw;
  margin-left: 2vw;
  height: 1.2vw;
}
#bigspeedtext {
  float: left;
  position: relative;
  width: 50vw;
  text-align: left;
  padding-top: 0vw;
  padding-left: 10vw;
}
#bigspeedgraph {
  width: 58vw;
  margin-top: 0.5vw;
}
.speeddayselectorclass {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
.speedrangeselector1class {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
.speedrangeselector2class {
  position: absolute;
  height: 1.2vw;
  width: 4vw;
  font-family: "Hind Vadodara";
  font-size: 0.8vw;
  border: 0.1vw solid white;
  cursor: pointer;
  border-radius: 0.5vw;
  margin-left: 0.2vw;
  padding: 0 0 0 0.4vw;
}
#bigspeedrangetext {
  margin-top: 0.5vw;
  width: 57vw;
  height: 4vw;

}





.smallsessions {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 25vw;
  margin-left: 37.75vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
  cursor: pointer;
}

.bigsessions {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
}

.smallsessions:hover {
  box-shadow: 0 0 1.2vw #515151;
}

#sessionicon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
#sessiontitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-right: 0vw;
  width: 12vw;
  margin-bottom: 1vw;
}
#smallsessiontext {
  float: left;
  position: relative;
  width: 22vw;
  padding-left: 1vw;
  padding-top: 1vw;
  text-align: left;
}
#bigsessiontext1 {
  float: left;
  position: relative;
  width: 11vw;
  text-align: left;
  padding-top: 0.4vw;
}
#bigsessiontext2 {
  float: left;
  position: relative;
  width: 11vw;
  text-align: left;
  padding-top: 0.4vw;
}
#bigsessiontext3 {
  float: left;
  position: relative;
  width: 22vw;
  text-align: left;
  padding-top: 0.7vw;
  padding-left: 3vw;
}


.smallabout {
  position: absolute;
  width: 24vw;
	height: 18vw;
  margin-top: 25vw;
  margin-left: 64vw;
	text-align: center;
	border-radius: 1vw;
	transition: all 0.5s ease;
    cursor: pointer;
}

.bigabout {
  position: absolute;
	width: 60vw;
	height: 45vw;
  margin-top: 2.2vw;
  margin-left: 20vw;
	text-align: center;
	border-radius: 2.5vw;
	transition: all 0.5s ease;
}

.smallabout:hover {
  box-shadow: 0 0 1.2vw #000000;
}

#abouticon {
  position: relative;
  float: left;
  padding-top: 1vw;
  width: 4.5vw;
}
.bigaboutclose {
  position: relative;
  float: right;
  width: 2.2vw;
  cursor: pointer;
  color: #9E9E9E;
}
.bigaboutclose:hover {
  color: white;
}
#smallabouttitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-right: 7vw;
  width: 10vw;
}
#bigabouttitle {
  float: left;
  position: relative;
  padding-top: 1.5vw;
  padding-right: 2vw;
  width: 10vw;
  padding-bottom: 1vw;
}
#smallabouttext {
  float: left;
  position: relative;
  width: 22vw;
  margin-top: 1.1vw;
}
#bigabouttext1 {
  float: left;
  position: relative;
  width: 6vw;
  height: 11vw;
  margin-top: 0vw;
  margin-left: 0vw;
  background: #795548 url('wheelcrop.jpg');
  background-size: cover;
}
#bigabouttext2 {
  float: left;
  position: relative;
  width: 15vw;
  height: 11vw;
  margin-top: 0.3vw;
  margin-left: 1vw;
}







.redgreen {
	background-color: #F44336;
}
.purple {
	background-color: #9C27B0;
}
.blue {
	background-color: #2196F3;
}
.green {
	background-color: #4CAF50;
}
.amber {
	background-color: #FFC107;
}
.brown {
	background-color: #795548;
}
.grey {
	background-color: #9E9E9E;
}
.orange {
  background-color: #F57C00;
}




.content {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALL;
  animation: 1s ease 0s normal forwards 1 fadeinSMALL;
}

@keyframes fadeinSMALL{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALL{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.bigcontent {
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIG;
  animation: 1s ease 0s normal forwards 1 fadeinBIG;
  zoom: 2.5;
  -ms-zoom: 2.5;
  -webkit-zoom: 2.5;
  -moz-transform:  scale(2.5,2.5);
  -moz-transform-origin: 0 0;
}

@keyframes fadeinBIG{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIG{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


.livecontent {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALLlive;
  animation: 1s ease 0s normal forwards 1 fadeinSMALLlive;
}

@keyframes fadeinSMALLlive{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALLlive{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.livecontentbig {
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIGlive;
  animation: 1s ease 0s normal forwards 1 fadeinBIGlive;
  zoom: 2.5;
  -ms-zoom: 2.5;
  -webkit-zoom: 2.5;
  -moz-transform:  scale(2.5,2.5);
  -moz-transform-origin: 0 0;
}

@keyframes fadeinBIGlive{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIGlive{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}



.graphcontent {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALLgraph;
  animation: 1s ease 0s normal forwards 1 fadeinSMALLgraph;
}

@keyframes fadeinSMALLgraph{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALLgraph{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.graphcontentbig {
  width: 55vw;
	height: 45vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIGgraph;
  animation: 1s ease 0s normal forwards 1 fadeinBIGgraph;
}

@keyframes fadeinBIGgraph{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIGgraph{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


.rotationcontent {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALLrotation;
  animation: 1s ease 0s normal forwards 1 fadeinSMALLrotation;
}

@keyframes fadeinSMALLrotation{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALLrotation{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.rotationcontentbig {
  width: 55vw;
	height: 45vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIG;
  animation: 1s ease 0s normal forwards 1 fadeinBIG;
}

@keyframes fadeinBIGrotation{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIGrotation{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


.speedcontent {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALLspeed;
  animation: 1s ease 0s normal forwards 1 fadeinSMALLspeed;
}

@keyframes fadeinSMALLspeed{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALLspeed{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.speedcontentbig {
  width: 55vw;
	height: 45vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIG;
  animation: 1s ease 0s normal forwards 1 fadeinBIG;
}

@keyframes fadeinBIGspeed{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIGspeed{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


.aboutcontent {
  display: inline-block;
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinSMALLabout;
  animation: 1s ease 0s normal forwards 1 fadeinSMALLabout;
}

@keyframes fadeinSMALLabout{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinSMALLabout{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

.aboutcontentbig {
  width: 22vw;
	height: 18vw;
  padding-left: 1vw;
  padding-right: 1vw;
  -webkit-animation: 1s ease 0s normal forwards 1 fadeinBIGabout;
  animation: 1s ease 0s normal forwards 1 fadeinBIGabout;
  zoom: 2.5;
  -ms-zoom: 2.5;
  -webkit-zoom: 2.5;
  -moz-transform:  scale(2.5,2.5);
  -moz-transform-origin: 0 0;
}

@keyframes fadeinBIGabout{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadeinBIGabout{
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}