/* For mobile phones: */
      [class*="col-"] {
        width: 100%;
    }

    @media only screen and (min-width: 600px) {

        /* For tablets: */
        .col-s-1 {
            width: 8.33%;
        }

        .col-s-2 {
            width: 16.66%;
        }

        .col-s-3 {
            width: 25%;
        }

        .col-s-4 {
            width: 33.33%;
        }

        .col-s-5 {
            width: 41.66%;
        }

        .col-s-6 {
            width: 50%;
        }

        .col-s-7 {
            width: 58.33%;
        }

        .col-s-8 {
            width: 66.66%;
        }

        .col-s-9 {
            width: 75%;
        }

        .col-s-10 {
            width: 83.33%;
        }

        .col-s-11 {
            width: 91.66%;
        }

        .col-s-12 {
            width: 100%;
        }

        .menus.col-12 {
            width: 100%;
            align-content: space-between;
            border: 10%;
            /* margin: 1%; */
        }

        .menus {
            padding-left: 22%;
            padding-right: 17%;
        }

        div.menu .col-4 {
            margin-left: 52%;
        }

        /*
        .menus.col-12 {
            width: 100%;
            align-content: space-between;
            border: 10%;
            padding-left: 24%;
            display: inline-flex;
            padding-bottom: 18%;

        }
*/
    }

    @media only screen and (min-width: 768px) {

        /* For desktop: */
        .col-1 {
            width: 8.33%;
        }

        .col-2 {
            width: 16.66%;
        }

        .col-3 {
            width: 25%;
        }

        .col-4 {
            width: 33.33%;
        }

        .col-5 {
            width: 41.66%;
        }

        .col-6 {
            width: 50%;
        }

        .col-7 {
            width: 58.33%;
        }

        .col-8 {
            width: 66.66%;
        }

        .col-9 {
            width: 75%;
        }

        .col-10 {
            width: 83.33%;
        }

        .col-11 {
            width: 91.66%;
        }

        .col-12 {
            width: 100%;
        }

        /*
        .menus.col-12 {
            width: 100%;
            align-content: space-between;
            border: 10%;
            padding-left: 24%;
            display: inline-flex;
            padding-bottom: 18%;

        }*/

        /*TABLET E ´PC*/
        .menus.col-12 {
            width: 100%;
            align-content: space-between;
            border: 5%;
            padding-left: 22%;
            display: inline-flex;
            padding-bottom: 18%;

        }

        .img {
            padding: 5%;

            padding-left: 20%;
            padding-right: 20%;
        }

        form#weddingForm {
            padding: 20%;
            padding-top: 5%;
        }

        button {
            padding-top: 20%;
            padding: 10px;
        }

    }

   /* Scroll 
scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;*/