@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,700');


/**********************************
    General
***********************************/

body {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.188rem;
    /*line-height: 1.8;*/
    font-weight: 300;
}
/*p, td, li, label {
    font-size: 1.29rem; 
    line-height: 1.8;
    font-weight: 300;
}*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Amatic SC', cursive;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 2px;
}        

h1 {font-size: 3.3rem;margin: 0.12rem 0 0.3rem;}
h2 {font-size: 2.8rem;margin: 0.19rem 0 0.3rem;}
h3 {font-size: 2.4rem;margin: 0.3rem 0 0.3rem;}
h4 {font-size: 2rem;margin: 0.4rem 0 0.3rem;}
h5 {font-size: 1.6rem;margin: 0.51rem 0 0.3rem;font-weight: bold;line-height: 1.5;}
h6 {font-size: 1.29rem;margin: 0.66rem 0 0.3rem;font-weight: bold;line-height: 1.7;}
p {margin: 0.75rem 0;}

.heading-7 {
    font-size: 1.125rem;
}

.btn { font-size: 1.125rem; }

.navbar-logo .navbar-tagline {
    font-size: 0.813rem;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 1.125rem;
}


@media only screen and (max-width: 640px) {
    h1 {
            font-size: 2.5rem;
        }

        p {
            font-size: 1.4rem;
        }

        h1 {
            font-size: 2.3rem;
        }

        h2 {
            font-size: 2rem;
        }

        h3 {
            font-size: 1.7rem;
        }

        h4 {
            font-size: 1.4rem;
        }

        h5 {
            font-size: 1.2rem;
        }

        h6 {
            font-size: 1rem;
        }
    }