* {text-decoration: none; text-decoration-color: #fff;}
a {color: #fff;}

@font-face {
    font-family: "oswald_reg";
    src: url(../fonts/Oswalds/Oswald-Regular.ttf);
}

@font-face {
    font-family: "oswald_bold";
    src: url(../fonts/Oswalds/Oswald-Bold.ttf);
}

@font-face {
    font-family: "oswald_semi-bold";
    src: url(../fonts/Oswalds/Oswald-SemiBold.ttf);
}

@font-face {
    font-family: "dynapuff_reg";
    src: url(../fonts/DynaPuff/DynaPuff/DynaPuff-Regular.ttf);
}

@font-face {
    font-family: "impact_reg";
    src: url(../fonts/Impact/impact.ttf);
}

@font-face {
    font-family: "freesans_bold";
    src: url(../fonts/FreeSans/freeserifbold.ttf);
}

@font-face {
    font-family: "press2_reg";
    src: url(../fonts/Press2/PressStart2P-Regular.ttf);
}

@font-face {
    font-family: "lgd_reg";
    src: url(../fonts/LGD/LGD.ttf);
}

a.anchor {
    position: relative;
    top: -100px;
}


#menu_bar{
    position:fixed;
    top:0;
    width:100%;
    height:100px;
    background-color: #fff;
    z-index: 99;
    padding:.35%;
    width: 100%;
}

#menu_bar div{
    
}

#menu_bar ul li{
    display: inline;
    margin: 4% 10px 0px 0px;
    font-family: oswald_reg;
    font-weight: 400;
    line-height: 3;
    
}

#menu_bar ul li a,.feo_link{
    text-decoration: none;
    color:#1a1a1a;
}

body{
    width: 100%;
    padding: 100px 0px 0px 0px;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
}


.columns{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.columns img{
    /*padding:20px;*/
}

.hero{
    background-repeat:no-repeat;
    height: 800px;width: 100%;
    background-position: center;
    background-color: #1a1a1a;
    background-image: url('../img/kid_hero.jpg');
    position: relative;
}

#call2action{
    height: auto;
    position:absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: opacity .5s;
    transition-delay: 1s;
}

.title{
    text-align: center;
    font-family: "oswald_reg";
    padding-top: 20px;
}

footer{
    background-color: #1a1a1a;
    width: 100%;
    height: auto;
    color: #F0F0F0;
    padding:20px 0px 30px 0px;
}

.footer_div
/*footer .columns > div*/
{
    width: 380px;
    padding-right: 50px;
}

#gallery_div .columns div{
    padding: 3%;
}

#gallery_div .columns div div{
    padding: 1%;
    text-align: center;
    font-family: oswald_reg;
    font-weight: bold;
/*     font-size: 18px;
 */    color:#e02b20;
    height: 60px;
}

.title_detail{
    width: 65%;margin: auto;text-align: justify;
}

.main_text{
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
/*     font-size:22px;
 */    margin-bottom: 2%;
    text-align: justify;
}

/* .main_text ul li{
    font-size: 22px;
} */

.btn_image{
    display:flex;justify-content: center;;margin-bottom:10px;
}


.btn_image div img{
    width:90%;
}

.catalog_items{
    display: flex;width:70%;margin: 0 auto;flex-wrap:wrap;justify-content: center;
}

.catalog_items_img{
    width:45%;
    padding-top:60px;
}

.catalog_items_blurb{
    width: 45%;
}

#call2action_text{
    margin-top: 20px;text-align: center;height: auto;padding: 1% 0% 1% 0%;
}

@media only screen and (max-width: 1200px) {
    body{
        background-color: lightgray;
    }

    #menu_items{
        display:hidden;
    }

/*     #two_paths{
        font-family: oswald_reg;font-size:34px;font-weight:bolder;
    }
 */
    #call2action_text{
        margin-top: 20px;text-align: center;height: auto;padding: 1% 0% 1% 0%; width:600px;
    }

    .catalog_items{
        display: flex;width:100%;margin: 0 auto;flex-direction: column;
    }

    .catalog_items_img{
        width:100%;
        text-align: center;
        
    }
    
    .catalog_items_blurb{
        width:90%;
    }

    .btn_image{
        display: flex;flex-wrap: wrap;gap:1px;justify-content: center;
    }

    .btn_image div img{
    }

    .mobile{
        margin:auto;
    }

    #menu_bar{
        display: none;
    }
    
    #logo_div{
        text-align: center;
    }

    .columns{
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }
    
}