@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

body{
    font-family: 'Montserrat';
    font-weight: 600;
}

p,
label{
    margin: 0;
}

a{
    color: white;
    text-decoration: none;
    transition: .4s;
    outline: none;
    &:active,
    &:visited,
    &:hover,
    &:focus{
      outline: none;
      color: white;
      text-decoration: none;
    }
    &:hover{
        color: $grey;
    }
}


.container{
    width: 100%;
    padding: 0 20px;
}

.border{
    border: 1px solid red;
}


.middle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.middle-right{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.full-middle{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pattern{
    background: white;
    background-image: url(../images/pattern.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.radius{
    border-radius: 3px;
}

.radius-bottom{
    border-radius: 0 0 3px 3px;
}


#MainContent{
    padding-top: 30px;
    z-index: 0;
    overflow: hidden;
}


.hseparator{
  &:after{
    content: ':';
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.bg-white{
  background: white;
}

.bg-grey{
  background: $light-grey;
}