html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: normal; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

:root {
	--background-size: 370vw;
	--background-multiplier: 1.5;
	--video-aspect-ratio: 2.169;
}

body {
	font-family: "Poppins", sans-serif;
	color: #707070;
	background-color: black;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;

	/* border: 1px solid black; */
	/* background-color: pink; */
}

img {
  vertical-align: middle;
}

strong {
  font-weight: bold;
  color: #FFFFFF;
}

a:link {
	color: #010214A6;
  text-decoration: none;
}

a:visited {
	color: #010214A6;
  text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #010214A6;
  text-decoration: underline;
}

a:active {
	color: #FFFFFF;
  text-decoration: underline;
}

/* For classes */
.section {
  /* margin: 10px; */

  /* padding: 0 2%; */
  /* border: 1px solid red; */
  /* background-color: #f0f0f055; */
}

.columns {
  display: flex;
  justify-content: space-between;
  align-items: center;

  /* padding: 0 2%; */
  /* border: 1px solid yellow; */
  /* background-color: #ff666655; */
}

.col-bg {
  /* padding: 0 2%; */
	/* border: 1px solid white; */
	/* background-color: #66cc6655; */
}

.col-1 { width: 8.33%; }
.col-2 { width: 16.67%; }
.col-3 { width: 25.00%; }
.col-4 { width: 32.33%; }
.col-5 { width: 41.67%; }
.col-6 { width: 50.00%; }
.col-7 { width: 58.33%; }
.col-8 { width: 66.67%; }
.col-9 { width: 75.00%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.67%; }
.col-12 { width: 100.0%; }

.row-1 { height: 1vw; }
.row-2 { height: 2vw; }
.row-3 { height: 3vw; }
.row-4 { height: 4vw; }
.row-5 { height: 5vw; }
.row-6 { height: 6vw; }
.row-7 { height: 7vw; }
.row-8 { height: 8vw; }
.row-9 { height: 9vw; }
.row-10 { height: 10vw; }
.row-12 { height: 12vw; }
.row-14 { height: 14vw; }
.row-16 { height: 16vw; }
.row-18 { height: 18vw; }
.row-20 { height: 20vw; }
.row-25 { height: 25vw; }
.row-30 { height: 30vw; }
.row-35 { height: 35vw; }
.row-40 { height: 40vw; }
.row-45 { height: 45vw; }
.row-50 { height: 50vw; }
.row-55 { height: 55vw; }
.row-60 { height: 60vw; }
.row-65 { height: 65vw; }
.row-70 { height: 70vw; }
.row-75 { height: 75vw; }
.row-80 { height: 80vw; }

.menu_btn_img {
	height: 1.25vw;
}

.logo_img {
	height: 10.0vw;
}

/* .xsml-font {
    font-size: 1.25vw;
		color: #FFFFFF;
		text-align: justify;
} */
.xsml-font {
		font-size: .7rem;
		color: #FFFFFF;
		text-align: justify;
}

/* .l-font {
    font-size: 2.0vw;
		color: #FFFFFF;
		text-align: justify;
} */
.l-font {
		font-size: 1rem;
		color: #FFFFFF;
		text-align: justify;
}

.txt-footer {
	text-align: center;
}

.video-banner-container {
  width: 80vw;
  height: calc( 80vw / var(--video-aspect-ratio) );
  position: relative;
  margin: 0 auto;
}

.video-ad-container {
	width: 60vw;
  height: calc( 60vw / var(--video-aspect-ratio) );
  position: relative;
  margin: 0 auto;
}

.video-container-frame {
  background: linear-gradient(to right bottom, #7dd0ed, #91ccf6, #abc6f8, #c5c0f2, #dbbae7, #d9b2df, #d6aad7, #d4a2ce, #bb96cb, #9d8bc8, #7b82c3, #4f79bc) border-box;
  border-radius: 1.0vw;
	border: 0.5vw solid transparent;
}

.video {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 1.0vw;
}

.video-controls {
  z-index: 9;
  width: 9%;
  height: 6%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  bottom: 15px;
}

/* For id's */
#wrapper {
  height: var(--background-size);
	background: url(../img/Elloveo_WebBG_high.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Video */
#pauseBtn {
	font-size: 1.5vw;
	color: rgb(107, 123, 180);
}

#nsf_txt { height: 3vw; }
#nsf_logo { height: 8vw; }
#caru_logo {
	margin: 10px auto;
	height: 3vw;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {

	.col-1 { width: calc(8.33% * var(--background-multiplier)); }
	.col-2 { width: calc(16.67% * var(--background-multiplier)); }
	.col-3 { width: calc(25.00% * var(--background-multiplier)); }
	.col-4 { width: calc(32.33% * var(--background-multiplier)); }
	.col-5 { width: calc(41.67% * var(--background-multiplier)); }
	.col-6 { width: calc(50.00% * var(--background-multiplier)); }
	.col-7 { width: calc(58.33% * var(--background-multiplier)); }
	.col-8 { width: calc(66.67% * var(--background-multiplier)); }
	.col-9 { width: calc(75.00% * var(--background-multiplier)); }
	.col-10 { width: calc(83.33% * var(--background-multiplier)); }
	.col-11 { width: calc(91.67% * var(--background-multiplier)); }
	.col-12 { width: calc(100.0% * var(--background-multiplier)); }

	.row-1 { height: calc(1vw * var(--background-multiplier)); }
	.row-2 { height: calc(2vw * var(--background-multiplier)); }
	.row-3 { height: calc(3vw * var(--background-multiplier) + 2vw); }
	.row-4 { height: calc(4vw * var(--background-multiplier)); }
	.row-5 { height: calc(5vw * var(--background-multiplier)); }
	.row-6 { height: calc(6vw * var(--background-multiplier)); }
	.row-7 { height: calc(7vw * var(--background-multiplier)); }
	.row-8 { height: calc(8vw * var(--background-multiplier)); }
	.row-9 { height: calc(9vw * var(--background-multiplier)); }
	.row-10 { height: calc(10vw * var(--background-multiplier) + 10vw); }
	.row-12 { height: calc(12vw * var(--background-multiplier)); }
	.row-14 { height: calc(14vw * var(--background-multiplier)); }
	.row-16 { height: calc(16vw * var(--background-multiplier)); }
	.row-18 { height: calc(18vw * var(--background-multiplier)); }
	.row-20 { height: calc(20vw * var(--background-multiplier)); }
	.row-25 { height: calc(25vw * var(--background-multiplier)); }
	.row-30 { height: calc(30vw * var(--background-multiplier)); }
	.row-35 { height: calc(35vw * var(--background-multiplier) - 5vw); }
	.row-40 { height: calc(40vw * var(--background-multiplier) - 10vw); }
	.row-45 { height: calc(45vw * var(--background-multiplier)); }
	.row-50 { height: calc(50vw * var(--background-multiplier)); }
	.row-55 { height: calc(55vw * var(--background-multiplier)); }
	.row-60 { height: calc(60vw * var(--background-multiplier)); }
	.row-65 { height: calc(65vw * var(--background-multiplier)); }
	.row-70 { height: calc(70vw * var(--background-multiplier)); }
	.row-75 { height: calc(75vw * var(--background-multiplier) - 5vw); }
	.row-80 { height: calc(80vw * var(--background-multiplier)); }

	.menu_btn_img { height: calc(1.25vw * var(--background-multiplier)); }
	.logo_img { height: calc(10.0vw * var(--background-multiplier)); }
	/* .xsml-font { font-size: calc(1.25vw * var(--background-multiplier)); } */
	/* .l-font { font-size: calc(2.0vw * var(--background-multiplier)); } */
	.xsml-font { font-size: .6rem; }

	.video-banner-container, .video-ad-container {
	  width: 95vw;
	  height: calc( 95vw / var(--video-aspect-ratio) );
	}

  #wrapper {
		height: calc( var(--background-size) * var(--background-multiplier) );
		background-position: top center;
		/* background-size: 100vw auto; */
	}
	#physics_txt { width: 75%; }
	#btns { height: 45vw; }
	#reviews { height: 45vw; }
	#review2, #review3 { height: 55vw; }
	#review-left, #review-right { width: 20%; }
	#review-center { width: 60%; }
	#nsf1, #nsf2 { width: 50%; }
	#nsf_txt { height: calc(3vw * var(--background-multiplier)); }
	#nsf_logo { height: calc(10vw * var(--background-multiplier)); }
	#caru_logo { height: calc(5vw * var(--background-multiplier)); }
}