/* pacifico-regular - latin */

@font-face {

    font-family: 'Pacifico';

    font-style: normal;

    font-weight: 400;

    src: url('../fonts/pacifico-v13-latin-regular.eot');

    /* IE9 Compat Modes */

    src: local('Pacifico Regular'), local('Pacifico-Regular'),

        url('../fonts/pacifico-v13-latin-regular.eot?#iefix') format('embedded-opentype'),

        /* IE6-IE8 */

        url('../fonts/pacifico-v13-latin-regular.woff2') format('woff2'),

        /* Super Modern Browsers */

        url('../fonts/pacifico-v13-latin-regular.woff') format('woff'),

        /* Modern Browsers */

        url('../fonts/pacifico-v13-latin-regular.ttf') format('truetype'),

        /* Safari, Android, iOS */

        url('../fonts/pacifico-v13-latin-regular.svg#Pacifico') format('svg');

    /* Legacy iOS */

}



/* nunito-regular - latin */

@font-face {

    font-family: 'Nunito';

    font-style: normal;

    font-weight: 400;

    src: url('../fonts/nunito-v10-latin-regular.eot');

    /* IE9 Compat Modes */

    src: local('Nunito Regular'), local('Nunito-Regular'),

        url('../fonts/nunito-v10-latin-regular.eot?#iefix') format('embedded-opentype'),

        /* IE6-IE8 */

        url('../fonts/nunito-v10-latin-regular.woff2') format('woff2'),

        /* Super Modern Browsers */

        url('../fonts/nunito-v10-latin-regular.woff') format('woff'),

        /* Modern Browsers */

        url('../fonts/nunito-v10-latin-regular.ttf') format('truetype'),

        /* Safari, Android, iOS */

        url('../fonts/nunito-v10-latin-regular.svg#Nunito') format('svg');

    /* Legacy iOS */

}



body {

    background-color: #f7f7f7;

    color: #2B2D42;

    font-family: 'Nunito';

}



body h1 {

    font-size: 70px;

}



body .row .col-auto {

    color: #007bff;

    /* font-weight: 900; */

}



.sandalnavbar {

    font-family: 'Pacifico';

    color: #f7f7f7;

    font-size: 25px;

}



.sandallogo {

    fill: #006cdf;

}



#sandal {

    color: #007bff;

}



th .tabletengah {

    vertical-align: center;

}



.min {

    width: 1%;

    white-space: nowrap;

}



.no-spin::-webkit-inner-spin-button,

.no-spin::-webkit-outer-spin-button {

    -webkit-appearance: none !important;

    margin: 0 !important;

    -moz-appearance: textfield !important;

}



@media (max-width: 1000px) {

    body h1 {

        font-size: 50px;

        margin-top: 30px;

    }

}



@media (max-width: 400px) {

    body h1 {

        font-size: 30px;

    }

}