@charset "utf-8";
/* CSS Document */

:root {
    
    --desktop-column-padding: 50px;
    --pad-column-padding: 40px;
    --mobile-padding: 16px;
    --general-padding: 20px;
    --general-padding-large: 35px;
    --general-padding-medium: 15px;
    --general-padding-small: 10px;
    --general-padding-tiny: 8px;
    --general-padding-micro: 6px;
    
    --text-size-normal:14px;
    --text-lh-normal:22px;
    --text-lh-normal-tight:16px;
    
    --text-size-small:13px;
    --text-lh-small:21px;
    --text-lh-small-tight:15px;
    
    --text-size-large:16px;
    --text-lh-large:24px;
    --text-lh-large-tight:18px;
    
    --text-size-massive:1.5rem;
    --text-lh-massive:2rem;

    --text-size-tiny:12px;
    --text-lh-tiny:20px;
    --text-lh-tiny-tight:14px;
    --text-lh-tiny-tightish:18px;

    --h-large:30px;
    --h-large-lh:36px;
    --h-large-lh-tight:32px;
    
    --h-medium:24px;
    --h-medium-lh:30px;
    --h-medium-lh-tight:26px;
    
    --h-small:18px;
    --h-small-lh:24px;
    --h-small-lh-tight:20px;
    
}

*, *:before, *:after {
    
  box-sizing: border-box;
    
}

html, body {
 
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size: var(--text-size-normal);
    font-weight: 400;
    line-height: var(--text-lh-normal);
    
}

#modal {
    
    position: fixed;
    width:100%;
    height:100%;
    z-index: 2000;
    background: url(/images/trans-bg.png);
    top:0;
    left:0;
    display:none;
    
}

h1, h2, h3, h4, h5, h5 {

    margin:0;
    padding:0;

}

main {
    
    width:100%;
    margin:0 auto 0 auto;
    padding:0;
    
}

p {

    margin:0;
    padding:0;
    
}

.disable-select {
    
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
    
}

@media screen and (max-width: 1220px) {


}