@import 'normalize.css';
@import 'navigation-section.css';
@import 'footer-site.css';
@import 'home.css';
@import 'contact-us.css';
@import 'sell.css';

@font-face {
    font-family: 'amazon_emberbold';
    src: url('./../fonts/amazon_ember_bd-webfont.woff2') format('woff2'),
         url('./../fonts/amazon_ember_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amazon_emberregular';
    src: url('./../fonts/amazon_ember_rg-webfont.woff2') format('woff2'),
         url('./../fonts/amazon_ember_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    font-size: 1.1em;
}

ul, ul li{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

img{
    width: 100%;
    display: block;
}

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

h1,h2,h3,h4,h5{
    display: block;
    font-weight: bold;
    font-size: 1em;
    margin: 0;
}

.apply-now-button{
    border: 2px solid #000;
    border-radius: .6em;
    background: none;
    background: #f1c75b;
    padding: .5em 3.5em;
    outline: none;
    font-weight: bold;
}

.apply-now-button:hover{
    border: 2px solid #c3c7cc;
    cursor: pointer;
}

.container{
    position: relative;
    width: 100%;
}

.container-big{
    width: 90% !important;
    margin: 0 auto !important;
}

.container-medium-3x{
    width: 90% !important;
    margin: 0 auto !important;
}

.container-medium-2x{
    width: 80% !important;
    margin: 0 auto !important;
}

.container-title{
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.container-medium-x{
    width: 70% !important;
    margin: 0 auto !important;
}

.container-medium{
    width: 60% !important;
    margin: 0 auto !important;
}

.container-small{
    width: 50% !important;
    margin: 0 auto !important
}

.container-small-tiny{
    width: 40% !important;
    margin: 0 auto !important;
}

.text-title-big-x{
    font-family: 'amazon_emberbold' !important;
    font-size: 2em !important;
}

.text-title-big{
    font-family: 'amazon_emberbold' !important;
    font-size: 1.8em !important;
}

.text-title-medium{
    font-family: 'amazon_emberbold' !important;
    font-size: 1.2em !important; 
}

.text-title-normal{
    font-family: 'amazon_emberbold' !important;
    font-size: 1em !important;
}

.text-title-small{
    font-family: 'amazon_emberbold' !important;
    font-size: .9em !important;
}

.text-big-xx{
    font-family: 'amazon_emberregular';
    font-size: 2em;
}

.text-big-x{
    font-family: 'amazon_emberregular';
    font-size: 1.8em;
}

.text-big{
    font-family: 'amazon_emberregular';
    font-size: 1.5em;
}

.text-medium{
    font-family: 'amazon_emberregular';
    font-size: 1.2em;
}

.text-normal{
    font-family: 'amazon_emberregular';
    font-size: 1em;
}

.text-small{
    font-family: 'amazon_emberregular';
    font-size: .9em;
}

.margin-bottom-element-1{
    margin-bottom: 1em !important;
}



.margin-bottom-element-2{
    margin-bottom: 2em !important;
}

.margin-bottom-element-3{
    margin-bottom: 3em !important;
}

.margin-bottom-element-4{
    margin-bottom: 4em !important;
}

.margin-bottom-element-5{
    margin-bottom: 5em !important;
}







.margin-bottom-element-6{
    margin-bottom: 6em !important;
}

.shadow{
    -webkit-box-shadow: -1px -1px 82px 1px rgba(0,0,0,0.75);
    box-shadow: -1px -1px 82px 1px rgba(0,0,0,0.75);
}

.shadow-less{
    -webkit-box-shadow: -2px 2px 41px -2px rgba(0,0,0,0.75);
    box-shadow: -2px 2px 41px -2px rgba(0,0,0,0.75);
}

.elements-banner {
    color: #000;
    position: relative;
    text-align: center;
    margin: 5em auto !important;
}

.elements-banner  h1 {
    margin-bottom: 1em;
}

@media(max-width: 1680px ){    
    body{
        font-size: .95em !important;
    }
}

@media(max-width: 1024px ){
    body{
        font-size: .9em !important;
    }
}

@media(max-width: 768px ){

    .container-medium{
        width: 80% !important;
        margin: 0 auto !important;
    }

    .container-big{
        width: 80% !important;
    }

    .container-small{
        width: 80% !important; 
    }

}

@media(max-width: 640px ){

    .style-responsive{
        font-size: 1.2em !important;
    }
    
    .container-medium{
        width: 80% !important;
        margin: 0 auto !important;
    }   

}
@media(max-width: 480px ){

}