main.container {
    /* background-color: #000; */
}

.container {
    border-radius: 30px;
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    border: 1px solid rgba(0,0,0, .2);
}

.container-fluid {
    padding-left: unset;
    padding-right: unset;
}

.slice {
    margin-top: 40px;
    margin-bottom: 40px;
}

a:link {
    text-decoration: none;
}

.btn {
    transition: .5s;
    font-size: 1em;
}

.maxh5 {
    max-height: 500px;
}

.wrapper {
    max-width: 1200px;
    margin: 0 auto; 
    border: 1px solid lightgrey; 
    border-radius: 30px; 
    overflow: hidden; }

header {
    color: #000;
}

section { 
    padding: 0 15px;
    font-size: 16px; }

html, body { 
    font-family: "Nunito", sans-serif; 
    overflow-x: hidden;
    font-size: 16px!important;
    font-weight: 400; }

p { 
    padding: 0; margin: 0; }

.btn-blue {
    border-radius: 30px;
    background-color: #0082fa;
    color: #fff;
    padding: 7px 35px;
    border: 1px solid #0082fa;
    transition: .3s; }

.btn-blue:hover {
    background-color: transparent;
    color: #0082fa;
    border: 1px solid #0082fa;
    cursor: pointer; }

.btn-acid {
    border-radius: 30px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #98df1b;
    padding: 5px 35px;
    transition: .3s;
}

.btn-acid:hover {
    background-color: #98df1b;
    color: #000;
    border: 1px solid #98df1b;
    padding: 5px 35px;
}

.nobr { white-space:nowrap; }


/* COLORS */

.acid { color: #98df1b; }
.blue { color: #0083F9; }
.lgrey { color: rgba(148,148,148, 1);}

/* FONT WEIGHTS */
.fw-2 { font-weight: 200; }
.fw-4 { font-weight: 400; }
.fw-6 { font-weight: 600; }
.fw-7 { font-weight: 700; }
.fw-8 { font-weight: 800; }

/* FONT SIZES */

.fs-ssmall { font-size: .5em!important; }
.fs-small { font-size: .85em; }
.fs-regular { font-size: 1em; }
.fs-medium { font-size: 1.25rem; }
.fs-large { font-size: 1.5rem; }
.fs-xlarge { font-size: 1.75rem; }

.hero { 
    background: url('img/top_bg_full.png') no-repeat center top;
    background-size: cover;
}

.btn-clear-w {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s;
    border-radius: 30px;
    padding: 7px 35px; }

.btn-clear-w:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    cursor: pointer; }

.line { max-width: 80%; }

h3, .h3 {
    font-size: 1.75em!important;
}

h4, .h4 {
    font-size: 1.5em!important;
}

h5, .h5 {
    font-size: 1.25em!important;
}

.slice .btn {
    margin-bottom: 30px;
}

ul {
    list-style: none;
    padding: 0;
}

.borderx {
    border: 1px solid #333;
    border-radius: 30px!important;
}

.top-bg {
    background: url('img/top_bg_full.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.strike {
    text-decoration: line-through;
    opacity: .5;
}

.steps {
    background-color: #f3f3f3;
}




/* Media Queries */

    /* 
    Extra small devices (portrait phones, less than 544px) 
    No media query since this is the default in Bootstrap because it is "mobile first"
    */
    
    
    /* Medium devices md (tablets, 768px and up) The navbar toggle appears at this breakpoint */
    @media (max-width: 991px) {  
        h3 { font-size: 1.5em!important; }
        .btn { transform: scale(1.2) }
        .slice {
            border: 1px solid #ccc;
            border-radius: 30px;
            overflow: hidden;
            margin-right: 15px;
            margin-left: 15px;
        }

        .wrapper {
            border: unset;
        }
        .hero {
            border-radius: 30px;
            margin-right: 15px;
            margin-left: 15px;
        }
        .line {
            display: none;
        }

        .title-small {
            font-size: 1.1em!important;
            font-weight: 300;
        }

        .title-large {
            font-size: 1.25em!important;
        }

        .slice h4 {
            font-size: 1.1em!important;
            font-weight: 700;
        }

        .slice h5 {
            font-size: 1em!important;
        }

        .vendor-logo {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .tcm { text-align: center!important; }

        
 

    }