.main {

    }

    .white {
        height: 100vh;
    }

    .blue {
        height: 100vh;
        color: white;
        background: #14a2e4;
    }

    .blue-text {
        color: #14a2e4;
    }

    .action {
        cursor: pointer;

    }

    .action:hover .action-text{
      text-decoration: none;
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3);
    }

    .login {
        float: right;
    }

    a {
      text-decoration: none !important;
      color: inherit;
    }

    body {
      overflow-x: hidden;
    }

    .btn-round {
        background-color: transparent; 
        border: 2px solid white;
        border-radius: 50px;
        color: white;
        cursor: pointer;
        padding: 13px 26px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        transition: ease-in-out 0.1s;

    }

    .btn-round:hover {
        background: white;
        color: #14a2e4;


    }

    .action-image {
    }

    .action-image img {
        width: 100%;
        height: auto;
        margin: auto auto;
    }

    .action-text {
        font-size: 45px;
        text-align: center;
        margin-top: -50px;
        position: relative;
        z-index: 10;
        text-decoration: none;
    }

    /*responsive*/
[class*="col-"] {
  width: 100%;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}


@media only screen and (min-width: 600px) {
  .col-s-1 {
      width: 8.33%;
    }
  .col-s-2 { width: 16.66%;}
  .col-s-3 { width: 25%;}
  .col-s-4 { width: 33.33%;}
  .col-s-5 { width: 41.66%;}
  .col-s-6 { width: 50%;}
  .col-s-7 { width: 58.33%;}
  .col-s-8 { width: 66.66%;}
  .col-s-9 { width: 75%;}
  .col-s-10 { width: 83.33%;}
  .col-s-11 { width: 91.66%;}
  .col-s-12 { width: 100%;}


}

@media only screen and (max-width: 600px) {
.login {
  display: none;

}
.white, .blue {
  height: 50vh;
  min-height: 400px;
}

}
@media only screen and (min-width: 768px) {
  .col-1 { width: 8.33%;}
  .col-2 { width: 16.66%;}
  .col-3 { width: 25%;}
  .col-4 { width: 33.33%;}
  .col-5 { width: 41.66%;}
  .col-6 { width: 50%;}
  .col-7 { width: 58.33%;}
  .col-8 { width: 66.66%;}
  .col-9 { width: 75%;}
  .col-10 { width: 83.33%;}
  .col-11 { width: 91.66%;}
  .col-12 { width: 100%;}
}
* {
  box-sizing: border-box;
  font-family: 'Source Sans Pro', sans-serif;
}
html, body {
    margin: 0;
    padding: 0;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}