/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We highly recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 300px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 20px;
    }
    .zoom a i {
        font-size: 15px;
    }
    .navbar-brand img {
        max-height: 60px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 60px 0;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 300px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 30px;
    }
    .zoom a i {
        font-size: 25px;
    }
    .navbar-brand img {
        max-height: 60px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 70px 0;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 30px;
    }
    .zoom a i {
        font-size: 20px;
    }
    .navbar-brand img {
        max-height: 100px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 150px 0;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 50px;
    }
    .zoom a i {
        font-size: 35px;
    }
    .navbar-brand img {
        max-height: 100px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 150px 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 45px;
    }
    .zoom a i {
        font-size: 30px;
    }
    .navbar-brand img {
        max-height: 140px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 150px 0;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .zoom a {
        font-family: 'Cute Font', cursive;
        font-size: 45px;
    }
    .zoom a i {
        font-size: 30px;
    }
    .zoom img {
        max-width: 600px;
    }
    .navbar-brand img {
        max-height: 140px;
        transition-duration: 0.5s;
        margin-left: 0px;
    }
    .page-title-section {
        padding: 150px 0;
    }
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
}
.cute {
    font-family: 'Cute Font', cursive;
    font-size: 30px;
}
.cuteh2 {
    font-family: 'Cute Font', cursive;
    font-size: 50px;
    font-weight: normal;
}
.navbar-nav li a {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
}
.navbar-nav li a:hover {
    color: #45b8b7;
}
.font16{
    font-size: 16px;
}
.fontq {
    font-weight: normal;
    font-size: 22px;
}
.fonta {
    font-size: 22px;
}
.nobold {
    font-weight: normal;
}
.mission h2{
    font-weight: normal;    
}
.mission p{
    font-size: 22px;
}
.issue {
    border: 1px solid black;
    padding: 30px;
    background-color: #cef1ee;
}
.issue h6{
    font-size: 20px;
}
.issue ul li{
    font-size: 17px;
}