:root {
    --main-color: #1da64a;
    }
    
    
    input[type=text] {
      border: 0.1vh;
      border-style: solid;
      color: #000;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: "Montserrat";
      font-size: 3vh;
      border-radius:6vh;
      width: 44vw;
      height: 4vh;
    
    
    }
    
    input[type=submit] , button{
      background-color: #1da64a; /* Green */
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: "Montserrat";
      font-size: 3vh;
      border-radius:6vh;
      width: 47vw;
      height: auto;

    
    
    }
    
    body {
      background-image: url("assets/icons/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: 4vh;
      text-align: justify-all !important;
      text-transform: uppercase;
      transform: translate(0,-2vh);
    
    }
    .special{
      font-weight: bold;
      background-color: #ff0060;
    }
    a,h2,h3 {
      font-family: "Montserrat";
      font-size:3vh;
      text-decoration: none;
      text-align: center;
    }
    .introbox a{
      color: #fff;
      font-weight: bolder;
    }
    
    .contentbox a{
      color: var(--main-color);
      font-weight: bolder;
      padding: 0.5vh,0.5vh,0.5vw,0.5vw;
    }
    
    h2{
    font-size: 3.5vh !important;
    }
    h2,h3 {
      text-transform: uppercase;
      color: #111;
      font-weight: bolder;
    }
    p {
      font-family: "Montserrat";
      color: #111;
      font-size:3vh;
    }
    
    .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:2vh;
      width: 50vw;
      height: 6vh;
    
    }
    
    .introsqr,.contentbox, .introbox{
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border-collapse:separate;
      background-color: #fff;
      border-radius:6vh;
      -moz-border-radius:2vh;
      height: auto;
      padding-top: 2vh;
      padding-bottom: 2vh;
      padding-right: 1vw;
      padding-left: 1vw;
      overflow: hidden;
      margin-top: 2vh;
    
    }
    .introsqr{
      background-color: #1da64a;
      height: 20vw;
      position: relative;
      object-fit: cover;
      width: 100%;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      clip: fill-box;
      text-align: center;
    }
    
    .contentbox, .introbox{
      width: 50vw;
    
    }
    .introbox {
      background-color: #1da64a;
    
    }
    .boximage, .headerimage {
      object-fit: cover;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      clip: fill-box;
      z-index: 1000;
      transform: translate(-0.99vw,-6vh);
      margin-top: 0;
      min-width:  52vw;
    }
    .boximage{
      max-height: 50vh;
    }
    .headerimage{
      max-height: 30vh;
    }
    
    .box {
      width: 100%;
      height: 25vw;
      position: absolute;
      transition: all .25s ease-in-out;
    
    }
    
    .linklist{
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      align-content: flex-end;
    }
    .column {
      float: left;
      width: 24vw;
      left: 100%;
    }
    
    /* Clear floats after the columns */
    
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    
    @media only screen and (max-width: 1270px) {
      table {
       width: 100vw;
       margin-left:0%; 
       margin-right:0%;
      }
      .introbox,.contentbox {
        width: 95vw;
        margin-left:0%; 
        margin-right:0%;
       }
       .column {
        float: left;
        width: 48vw;
        left: 100%;
      }
      .boximage,.headerimage{
        min-width:  104vw;
      }
      input[type=submit],button{
        width: 94vw;
      }
      input[type=text]{
        width: 88vw;
      }
    
    }
    
    
    
    
    
    /** =================== 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");
    }