:root {
--main-color: #1da64a;
}

body {
  background-image: url("assets/bg.svg");
  background-repeat:no-repeat;
  background-position: center top;
  background-size: 120vh cover;
  background-color: #efefef;
}

h1 {
  color: #ffffff;
  font-family: Montserrat;
  font-size: 3vh;
  text-align: justify-all !important;
  text-transform: uppercase;

}
.special{
  font-weight: bold;
  background-color: #ff0060;
}

a {
  font-family: Montserrat;
  color: #fff;
  font-size:3vh;
  text-decoration: none;
  text-align: left;
}
h2,h3 {
  font-family: "Montserrat";
  font-size:3vh;
  text-decoration: none;
  text-align: center;
}

h2{
  font-size: 3.5vh !important;
  }
  h2,h3 {
    text-transform: uppercase;
    color: #1da64a;
    font-weight: bolder;
  }
.icon {
  height:4vh;
  transform: translate(-0.1vw, 0.2vh);
  margin-left: 1vh;
}
.iconbox {
width: 12vh;
}

table {
  margin-left: auto;
  margin-right: auto;
  border-collapse:separate;
  background-color: var(--main-color);
  border-radius:6vh;
  -moz-border-radius:6vh;
  width: 50vw;
  height: 6vh;

}

.introsqr,.contentbox, .introbox{

  text-align: center;
  border-collapse:separate;
  border-radius:6vh;
  -moz-border-radius:6vh;
  height: auto;
  overflow: hidden;
  margin-top: 2vh;
  background-color: #ffffff;
}
.contentbox, .introbox{
  width: 50vw;

}

.logo{
  position: relative;
  width: 8vh;
  margin-left: 0.5vh;

}
.linklist{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

iframe{
width: 90%;
height: 50vh;
object-fit: cover;
justify-content: center;
align-items: center;
overflow: hidden;
clip: fill-box;
z-index: 1000;
transform: translate(0,1vh);
margin-top: 0;
min-width:  50vw;

}

@media only screen and (max-width: 1270px) {
  table {
   width: 100vw;
   margin-left:0%; 
   margin-right:0%;
  }
    .introbox,.contentbox {
    width: 100vw;
    margin-left:0%; 
    margin-right:0%;
   }
   iframe{
    height: 25vh;
    min-width:  100vw;
    }
}
/** =================== Montserrat =================== **/

@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	font-style: normal;
	src: url("assets/fonts/Montserrat/Montserrat.woff2") format("woff2");
}
@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: normal;
	src: url("assets/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
}
@font-face {
	font-family: "Montserrat Condensed";
	font-weight: 400;
	font-style: normal;
	src: url("assets/fonts/Montserrat/MontserratCondensed.woff2") format("woff2");
}
@font-face {
	font-family: "Montserrat Condensed";
	font-weight: 700;
	font-style: normal;
	src: url("assets/fonts/Montserrat/MontserratCondensed-Bold.woff2") format("woff2");
}


/** =================== MONTSERRAT =================== **/

/** Montserrat Thin **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Thin.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Thin.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Thin-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-ThinItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-ThinItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-ThinItalic.woff") format("woff");
}

/** Montserrat ExtraLight **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-ExtraLight.eot");
    src: url("assets/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff");
}

/** Montserrat ExtraLight-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-ExtraLightItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Light.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Light.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-LightItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-LightItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-LightItalic.woff") format("woff");
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Regular.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Regular-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-Italic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Italic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Medium.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Medium-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-MediumItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-MediumItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-MediumItalic.woff") format("woff");
}

/** Montserrat SemiBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-SemiBold.eot");
    src: url("assets/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff");
}

/** Montserrat SemiBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-SemiBoldItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Bold.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Bold.woff") format("woff");
}

/** Montserrat Bold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-BoldItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-BoldItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-BoldItalic.woff") format("woff");
}

/** Montserrat ExtraBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-ExtraBold.eot");
    src: url("assets/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff");
}

/** Montserrat ExtraBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Black **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("assets/fonts/Montserrat/Montserrat-Black.eot");
    src: url("assets/fonts/Montserrat/Montserrat-Black.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-Black.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-Black.woff") format("woff");
}

/** Montserrat Black-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("assets/fonts/Montserrat/Montserrat-BlackItalic.eot");
    src: url("assets/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'),
         url("assets/fonts/Montserrat/Montserrat-BlackItalic.woff2") format("woff2"),
         url("assets/fonts/Montserrat/Montserrat-BlackItalic.woff") format("woff");
}