h1 {
    font-size: 2.5rem!important;
}
h2 {
    font-size: 1.5rem!important;
}
.flow-text {
    font-size: 1.4rem!important;
}
.main {
    margin: 1rem !important;
    padding: 2rem !important;
}
.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

#index-banner {
    width:100%;
    height:60vh;
    min-height:500px;
    background: #ee3030;
    color: #ffffff;

    animation-duration: 60s;
    animation-name: changeColor;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 30s;
}

.brand-color {
    background-color: #ff5500 !important;
}


.brand-color-text {
    color: #ff5500 !important;
}

.brand-color-text .light {
    color: #ffb996 !important;
}




.sc {
    /*background: url('img/sc.png');*/
    background-size:cover;
    background-position: center;
    width: 140px;
    height: 140px;
}

.thin .section{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.thin .row {
    margin-bottom: 0 !important;
}
.thin .col {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    h2 {font-size: 3rem!important}
    #hdr {
        padding: 0.8rem 0.8rem;
        height: 35rem;
    }
}

#hdr:hover  .high {
    -webkit-animation: neon2 4s ease normal;
    -moz-animation: neon2 4s ease normal;
    animation: neon2 4s ease normal;animation-fill-mode: forwards;
    color: #fff;
}

@-webkit-keyframes neon2 {
    from {
        text-shadow: 0 0 5px #fff, 0 0 10 #fff, 0 0 30px #fff, 0 0 40px #e9384c, 0 0 70px #e9384c, 0 0 80px #e9384c, 0 0 100px #e9384c, 0 0 150px #e9384c;
    }
    to {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #e9384c, 0 0 35px #e9384c, 0 0 40px #e9384c, 0 0 50px #e9384c, 0 0 75px #e9384c;
    }
}

#get-started .col:hover {

}

.padded {padding:7.5rem 0 7.5rem 0;}

.ps {width:64px;}
.pd {padding:7px;}

#lang {position:absolute;top:1rem;left:1rem;}

.sm {max-width: 90px !important}

.round {border-radius:5px !important}

.nomarg {margin-top: 0 !important}

#regbtn {background-color: #fc3657 !important}

.page-footer {background-color:#496275 !important}

@keyframes changeColor {
  from {
    background: #ee3030;
  }

  to {
    background: #2f8dd2;
  }
}
.dashed {
    border-bottom: 1px dashed #b3b3b3;
}

.mrg {margin-bottom:0.5rem}