.wx101 { background-color:#b31f23; font-family:'Happy Monkey', cursive, Arial; margin:32px 0;  }
        /*.wx101 .row { padding-top:3%; }*/
        .wx101 h2 { color:#49679c; margin:32px 0; text-align:center; }
        .wx101 p { font-size:17.03px; }
        .wx101 img { margin:15px auto; }

    .navbar-default { background-color:transparent; }
        .navbar-default .navbar-nav > li > a { color:#fff; font-size:20px; }        
            .navbar-default .navbar-nav > li > a:hover { color:#f9cf6c; }        
            .navbar-default, .nav > li > a:focus, .nav > li > a:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:transparent; border:none; }
            .navbar-toggle { border:none; }
            .navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
        
        .wx101content { background-color:#fff; border:3px dashed #000; padding:15px; margin:0 auto 30px; }
            .wx101content a { color:#b31f23; font-size:24px; text-decoration:none; vertical-align:middle; }
        
        .wx101video { display:block; margin:0 auto; max-width:540px; }
        
        .lesson:before { color:#b31f23; content:"\f358"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size:32px; padding:0 10px 0 0; text-decoration:none; }
        
        .wx101team { position:relative; } /* Round images with round hover based off tutorial by Mary Lou on codrops www.tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/ */
            .ch-grid { display:block; list-style:none; margin:2% 0 0 0; text-align:center; width:100%; }
                .ch-grid:after, .ch-item:before { content:''; display:table; }        
                .ch-grid:after { clear:both; }
                .ch-grid li { display:inline-block; height:170px; margin:2%; width:170px; }
        /* makes background images circles */
        
                .ch-item { border-radius:50%; box-shadow:inset 0 0 0 4px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; cursor:default; height:100%; position:relative; width:100%; }
                    .ch-item:hover { box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
                        .ch-item:hover .ch-info { -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; }

                    .ch-img-trav { background-image:url('http://ftpcontent.worldnow.com/kotv/custom/marketing/weather101/2016/travis.jpg'); }
                    .ch-img-alan { background-image:url('http://ftpcontent.worldnow.com/kotv/custom/marketing/weather101/2016/alan.jpg'); }
                    .ch-img-kendall { background-image:url('http://ftpcontent.worldnow.com/kotv/custom/marketing/weather101/2016/kendall.jpg'); }
                    .ch-img-stacia { background-image:url('http://ftpcontent.worldnow.com/kotv/custom/marketing/weather101/2016/stacia.jpg'); }
                    .ch-img-stephen { background-image:url('http://ftpcontent.worldnow.com/kotv/custom/marketing/weather101/2016/stephen.jpg'); }

                    .ch-img-david { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/david.jpg'); }
                    .ch-img-lacey { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/lacey.jpg'); }
                    .ch-img-jed { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/jed.jpg'); }
                    .ch-img-justin { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/justin.jpg'); }
                    .ch-img-matt { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/matt.jpg'); }
                    .ch-img-cassie { background-image: url('http://ftpcontent.worldnow.com/kwtv/custom/marketing/weather101/2016/cassie.jpg'); }

        /* Making overlay a circle */        
                    .ch-info { background:rgba(0, 0, 0, 0.5); border-radius:50%; height:inherit; opacity:0; position:absolute; width:inherit; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-backface-visibility:hidden; }
                        .ch-info h3 { color:#fff; font-family:'Happy Monkey', Arial, cursive; font-size:26px; letter-spacing:2px; margin:0 5%; padding:20% 0 0 0 !important; text-shadow:1px 1px #000; width:95%; }
                        .ch-info a { color:#fff; display:inline-block; font-size:26px; padding:0 2% 2%; text-shadow:1px 1px #000; }
                            .ch-info a span { display:block; font-size:0; overflow:hidden; text-indent:100%; white-space:nowrap; }
                            .facebook:before {font-family: "Font Awesome 5 Brands"; font-weight: 900; content:"\f39e"; }
                                .facebook:hover { color:#3b5998 !important; }
                            .twitter:before {font-family: "Font Awesome 5 Brands"; font-weight: 900; content:"\f099"; }
                                .twitter:hover { color:#55acee !important; } 
                            .bio:before { font-family: "Font Awesome 5 Free"; font-weight: 900;  content:"\f007"; }
                                .bio:hover { color:#f9cf6c !important; }  
                            .contact:before { font-family: "Font Awesome 5 Free"; font-weight: 900;  content:"\f0e0"; }
                                .contact:hover { color:#be0000 !important; }
                    /* The black overlay */
                
    @media (max-width:639px) { .wx101 .col-xs-6 { width:100%; } }