/* =========================
   RESET
========================= */


*,
*::before,
*::after {

    box-sizing:border-box;

}



html {

    width:100%;
    height:100%;
    overflow-x:hidden;

}



body {

    margin:0;

    width:100%;

    min-height:100%;

    overflow-x:hidden;

    font-family:Arial, sans-serif;

    background:#f6f8fb;

    color:#222;

    position:relative;

}



* {

    min-width:0;

}



/* =========================
   GLOBAL CONTAINERS
========================= */


main {

    width:100%;

    max-width:1100px;

    margin:0 auto;

    padding:40px 20px;

}



/* =========================
   GLOBAL BUTTON DEFAULT
========================= */


button,
.button {

    background:#222;

    color:white;

    padding:14px 25px;

    border-radius:10px;

    border:none;

    cursor:pointer;

}



/* =========================
   GLOBAL SPACING
========================= */


.page-section {

    margin-top:70px;

    margin-bottom:70px;

}



/* =========================
   MOBILE GLOBAL
========================= */


@media(max-width:700px){


    main {

        padding:20px;

    }


}