* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 1em;
    font-family: 'Abel', sans-serif;
    /*border: solid black 1px;*/
    resize: none;
}   

.js-nav-active {
    transition: opacity 1s;
    background: rgba(0,0,0, .5);
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.mask {
  transition: opacity 300ms;
  transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

h1{
    font-size: 3.3em;
    font-weight: 300;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    margin-bottom: 17.5px;
}

textarea{
    background-color: black;
    color: white;
    resize: none;
}

input{
    background-color: black;
    color: white;
    max-height: 40px;
}

button{
    background-color: #ba1a1b;
    color: white;
    font-size: 1.5em;
    padding: 5px;min-width: 180px;
    cursor:pointer;
}

img{
    cursor:pointer;
}

::placeholder {
    color: #cccccc;
}

.ds_none{
    display: none !important; 
}

.boot_bg_white{
    background-color: white;
}

.boot_text_align_center{
    text-align: center;
}

.boot_text_align_right{
    text-align: right;
}

.boot_text_align_left{
    text-align: left;
}

.boot_container{
    max-width: 1300px;
    margin: 0 auto;
}

.boot_container_content{
    max-width: 1500px;
    margin: auto;
}
