<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>STEM ED ULTD</title>
        <!--CSS SECTION START-->
        <link href="style.css" rel="stylesheet" type="text/css">
        <!--CSS SECTION END-->
    </head>
    <body>
        <!-- body content start here -->
        <!-- header content start here -->
        <header class="header">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="full_width navCtrl">
                            <nav class="navbar navbar-default">
                                <div class="container-fluid">
                                    <!-- Brand and toggle get grouped for better mobile display -->
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        </button>
                                        <a class="navbar-brand" href="#"><img alt="" src="images/logo.png" width="171" height="40" class="img-responsive logo" /></a>
                                    </div>
                                    <!-- Collect the nav links, forms, and other content for toggling -->
                                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                        <ul class="list-inline text-right headSocial text-center-xs">
                                            <li><a href="#"><img alt="" src="images/fb_icon.png" width="10" height="18" /></a></li>
                                            <li><a href="#"><img alt="" src="images/tw_icon.png" width="18" height="14" /></a></li>
                                            <li><a href="#"><img alt="" src="images/yt_icon.png" width="18" height="18" /></a></li>
                                            <li><a href="#"><img alt="" src="images/vm_icon.png" width="17" height="16" /></a></li>
                                            <li><a href="#"><img alt="" src="images/pt_icon.png" width="18" height="18" /></a></li>
                                        </ul>
                                        <ul class="nav navbar-nav navbar-right">
                                            <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
                                            <li><a href="#">About</a></li>
                                            <li><a href="#">Classes</a></li>
                                            <li><a href="#">Shop</a></li>
                                            <li><a href="#">Blog</a></li>
                                            <li><a href="#">Contact</a></li>
                                        </ul>
                                    </div>
                                    <!-- /.navbar-collapse -->
                                </div>
                                <!-- /.container-fluid -->
                            </nav>
                        </div>
                    </div>
                    <div class="full_width header_caption">
                        <div class="col-md-10 col-md-offset-1 text-center">
                            <h1>
                                For Kids and Adults<br />Online, Workshops and Custom<br />one-On-One Training
                            </h1>
                            <a href="#" class="btn btn-yellow">learn more</a>
                            <p>Unlimited Science, Technology, Engineering and Math Training</p>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header content end here -->
        <!-- body inner content start here -->
        <div class="full_width">
            <!-- continous scroll section start here -->
            <div id="continousScroll" class="full_width">
                <a href="#-1"><img alt="" src="images/slider1.jpg" width="350" height="262" /></a>
                <a href="#-1"><img alt="" src="images/slider2.jpg" width="379" height="262" /></a>
                <a href="#-1"><img alt="" src="images/slider3.jpg" width="644" height="262" /></a>
                <a href="#-1"><img alt="" src="images/slider4.jpg" width="502" height="262" /></a>
                <a href="#-1"><img alt="" src="images/slider5.jpg" width="335" height="262" /></a>
            </div>
            <!-- continous scroll section end here -->
            <!-- twitter section start here -->
            <div class="twitter">
                <div class="container">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="tw_statCtrl" id="tw1">
                                <p><img alt="" src="images/twitter_icon.png" class="img-responsive twIcn" />Now Offering STEM ED UNLIMITED Design, Programming and Robotics Bundles !!!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- twitter section start here -->
            </div>
            <!-- twitter reply back section start here -->
            <div class="full_width">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-1 nopadding col-sm-6 col-xs-12 text-center-xs">
                            <ul class="list-inline twReply">
                                <li><a href="#-1" class="active">2 days ago</a></li>
                                <li><a href="#-1">Reply</a></li>
                                <li><a href="#-1">Retweet</a></li>
                                <li><a href="#-1">Favorite</a></li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-md-offset-2 pull-right col-sm-6 col-xs-12 text-right-sm text-center-xs">
                            <img alt="" src="images/twitter_icon2.png" class="img-responsive twIcn" />
                            <p class="color_grey">Follow us</p>
                            <span class="stampade">@stemedultd</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- twitter reply back section end here -->
            <!-- courses section start here -->
            <div class="courseMain">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <h1>Courses</h1>
                            <p>
                                <strong>STEM ED UNLIMITED's Ivy League Instructors Have Taught</strong><br />
                                The White House, World Bank, Harvard, IBM, Pentagon, U.S. Military, U.S.<br /> Department of Education, Pfizer and more!
                            </p>
                        </div>
                        <div class="clearfix"></div>
                        <div class="courseInner">
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/graphic_designer.jpg" class="img-responsive" />
                                    <p>Graphic Design</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/php.jpg" class="img-responsive" />
                                    <p>Computer Programming</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/robotics.jpg" class="img-responsive" />
                                    <p>AI and Robotics</p>
                                </div>
                            </div>
                            <br />
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/joomla.jpg" class="img-responsive" />
                                    <p>Joomla</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/wordpress.jpg" class="img-responsive" />
                                    <p>Wordpress</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/drupal.jpg" class="img-responsive" />
                                    <p>Drupal</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/html.jpg" class="img-responsive" />
                                    <p>HTML</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/photoshop.jpg" class="img-responsive" />
                                    <p>Photoshop</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/adobe_design.jpg" class="img-responsive" />
                                    <p>inDesign</p>
                                </div>
                            </div>
                            <div class="courseCtrlMain">
                                <div class="courseCtrl">
                                    <img alt="" src="images/adobe_illustrator.jpg" class="img-responsive" />
                                    <p>illustrator</p>
                                </div>
                            </div>
                        </div>
                        <a class="btn btn-yellow" href="#">learn more</a>
                    </div>
                </div>
            </div>
            <!-- courses section end here -->
            <!-- workshop section start here -->
            <div class="workshopMain">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-md-offset-1 col-sm-6 text-center-xs">
                            <div class="workshopTxt">
                                <h1>Classes & <br /> Workshops</h1>
                                <p>Fast-paced and fun, our classes & <br /> workshops are great primers.</p>
                                <a href="#" class="btn btn-yellow">learn more</a>
                            </div>
                        </div>
                        <div class="col-md-7 col-md-offset-1 col-sm-6">
                            <img alt="" src="images/workshop_img.jpg" class="img-responsive workshopBG" />
                        </div>
                    </div>
                </div>
            </div>
            <!-- workshop section end here -->
            <!-- footer table section start here -->
            <div class="footerTable full_width">
                <div class="container">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1 nopadding">
                            <span class="heading1 col-xs-12 nopadding">Beverly Hills</span>
                            <ul class="footerTable">
                                <li>
                                    <div class="col-md-6 text-left col-sm-6 col-xs-6">
                                        Back-End Web Development
                                    </div>
                                    <div class="col-md-6 text-right col-sm-6 col-xs-6">
                                        <span class="font-thin font_16">12 November  –  06 February</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-md-6 text-left col-sm-6 col-xs-6">
                                        Computer Science Fundamentals
                                    </div>
                                    <div class="col-md-6 text-right col-sm-6 col-xs-6">
                                        <span class="font-thin font_16">19 November  –  13 February</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-md-6 text-left col-sm-6 col-xs-6">
                                        Data Science
                                    </div>
                                    <div class="col-md-6 text-right col-sm-6 col-xs-6">
                                        <span class="font-thin font_16">04 November  –  29 January</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-md-6 text-left col-sm-6 col-xs-6">
                                        Front-End Web Development
                                    </div>
                                    <div class="col-md-6 text-right col-sm-6 col-xs-6">
                                        <span class="font-thin font_16">09 November  –  25 January</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="col-md-6 text-left col-sm-6 col-xs-6">
                                        Web Development Immersive 
                                    </div>
                                    <div class="col-md-6 text-right col-sm-6 col-xs-6">
                                        <span class="font-thin font_16">19 November  –  13 February</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer table section end here -->
            <!-- footer main section start here -->
            <footer class="footer full_width">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9 col-sm-9 col-xs-12 text-center-xs">
                            <span class="heading_small">stem ed ultd</span>
                            <ul class="footer2">
                                <li><a href="#-1">Contact Us</a></li>
                                <li><a href="#-1">Custom Training</a></li>
                                <li><a href="#-1">STEM Ed Unlimited Agency</a></li>
                                <li><a href="#-1">Privacy Policy</a></li>
                                <li><a href="#-1">Terms and Conditions</a></li>
                                <li><a href="#-1">Site Map</a></li>
                                <li><a href="#-1">Newsletter Sign Up</a></li>
                            </ul>
                            <small> Site Design and Development Wyse Gyrls Media</small>
                        </div>
                        <!-- get social section start here -->
                        <div class="col-md-2 col-md-offset-1 text-right col-sm-3 col-xs-12 text-center-xs">
                            <div class="heading_light">GET SOCIAL</div>
                            <!-- footer social icon section start here -->
                            <ul class="list-inline text-right headSocial2 text-center-xs">
                                <li><a href="#"><img alt="" width="10" height="18" src="images/fb_icon_footer.png"></a></li>
                                <li><a href="#"><img alt="" width="18" height="14" src="images/twitter_icon_footer.png"></a></li>
                                <li><a href="#"><img alt="" width="18" height="18" src="images/yt_icon_footer.png"></a></li>
                                <li><a href="#"><img alt="" width="17" height="16" src="images/vm_icon_footer.png"></a></li>
                                <li><a href="#"><img alt="" width="18" height="18" src="images/pt_icon_footer.png"></a></li>
                            </ul>
                            <!-- footer social icon section end here -->
                        </div>
                        <!-- get social section end here -->
                    </div>
                </div>
            </footer>
            <!-- footer main section end here -->
        </div>
        <!-- body inner content end here -->
        <!-- body content end here -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/endless_scroll_min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>




@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'AntennaCond-Thin';
src: url('../fonts/AntennaCond-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/AntennaCond-Thin.otf')format('opentype'),
	 url('../fonts/AntennaCond-Thin.woff') format('woff'), url('../fonts/AntennaCond-Thin.ttf')format('truetype'), url('../fonts/AntennaCond-Thin.svg#AntennaCond-Thin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntennaCond-Light';
src: url('../fonts/AntennaCond-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/AntennaCond-Light.otf')format('opentype'),
	 url('../fonts/AntennaCond-Light.woff') format('woff'), url('../fonts/AntennaCond-Light.ttf')format('truetype'), url('../fonts/AntennaCond-Light.svg#AntennaCond-Light') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntennaCond-Regular';
src: url('../fonts/AntennaCond-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/AntennaCond-Regular.otf')format('opentype'),
	 url('../fonts/AntennaCond-Regular.woff') format('woff'), url('../fonts/AntennaCond-Regular.ttf')format('truetype'), url('../fonts/AntennaCond-Regular.svg#AntennaCond-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntennaCond-Medium';
src: url('../fonts/AntennaCond-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/AntennaCond-Medium.otf')format('opentype'),
	 url('../fonts/AntennaCond-Medium.woff') format('woff'), url('../fonts/AntennaCond-Medium.ttf')format('truetype'), url('../fonts/AntennaCond-Medium.svg#AntennaCond-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AntennaCond-Bold';
src: url('../fonts/AntennaCond-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/AntennaCond-Bold.otf')format('opentype'),
	 url('../fonts/AntennaCond-Bold.woff') format('woff'), url('../fonts/AntennaCond-Bold.ttf')format('truetype'), url('../fonts/AntennaCond-Bold.svg#AntennaCond-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Abel-Regular';
src: url('../fonts/Abel-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Abel-Regular.woff') format('woff'), url('../fonts/Abel-Regular.ttf')format('truetype'), url('../fonts/Abel-Regular.svg#Abel-Regular') format('svg');
font-weight: normal;
font-style: normal;
}


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
a:focus{outline:0px;}
a:hover,a:focus{text-decoration:none;}
img {vertical-align: middle !important;}

body{ margin:0; padding:0; line-height:24px; font-size:15px; color:#fff; }

p { font-size: 14px; line-height:24px; }
h1{font-size: 36px; }
h2{font-size: 30px; }
h3{font-size: 24px; }
h4{font-size: 18px; }
h5{font-size: 14px; }
h6{font-size: 12px; }

.header { width:100%; height:454px; display:block; float:left; background:url(../images/header_bg.jpg) no-repeat 0 0/cover; }
.full_width { width:100%; float:left; display:block; }
.navbar-nav > li > a { font-family: 'AntennaCond-Bold'; }

/* css for navigation menu */
.navbar-default { background-color:transparent; border:0; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size:15px; line-height:21px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #fffc00; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: transparent; color: #fffc00; }
.logo { margin-top:10px; }
ul.headSocial > li > a { margin-top:12px; display:inline-block; }
.header_caption { width:100%; display:block; }
.header_caption h1 {font-family: "AntennaCond-Regular";font-size: 55px;letter-spacing: 2px;line-height: 65px;margin: 18px 0 0;text-transform: uppercase;word-spacing: 4px;}
.header_caption a { margin-top:19px; }
.header_caption .btn-yellow {background-color: #fffc00;border:2px solid #fff71d;border-radius: 3px;color: #000;font-family: "AntennaCond-Bold";font-size: 14px;letter-spacing: 3px;line-height: 19.48px;margin-top: 17px;padding: 12px 40px;text-align: center;text-transform: uppercase; height:44px; width:187px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.header_caption .btn-yellow:hover {background-color: #f7f408;border:4px solid #fff71d;border-radius: 3px;color: #000;font-family: "AntennaCond-Bold";font-size: 14px;letter-spacing: 3px;line-height: 19.48px;margin-top: 17px;padding: 12px 40px;text-align: center;text-transform: uppercase;}
.header_caption p { font-size:12px; letter-spacing:2px; display:block; text-align:center; line-height:21px; font-family: 'Abel-Regular'; margin:43px 0 0; }

.content { display:block; width:100%; }
#continousScroll { width:100% !important; height:262px !important; margin:0; }
#continousScroll a { margin:0 !important; padding:0 !important; }
#continousScroll a { margin:0 !important; padding:0 !important; }

.twitter { width:100%; background-color:#000; min-height:35px; float:left; }
.tw_statCtrl p { font-size:13px; font-family: 'Abel-Regular'; letter-spacing:1px; line-height:35px; }
.twIcn { margin-right:9px; display:inline-block; }
ul.twReply { padding-top: 4px; }
ul.twReply li { margin-right:24px; position:relative; }
ul.twReply li:after { background-color: #000; content: ""; display: inline-block; height: 10px; right: -13px; position: absolute; top: 8px; width: 1px; }
ul.twReply li:last-child:after { display:none; } 
ul.twReply li a { font-family: "AntennaCond-Regular"; letter-spacing:1px; font-size:11px; color:#000; }
ul.twReply .active { font-weight:bold; position:relative; }
ul.twReply .active:before { position:absolute; width:11px; height:4px; content:''; top:-10px; left:2px; background:url(../images/tw_arr.png) no-repeat 0 0; }
.color_grey { color:#e5e5e5; display:inline-block; font-family: 'AntennaCond-Light'; }
.color_black { color:#000000; display:inline-block; }
strong {font-family: 'AntennaCond-Bold'; color:#000; }
.stampade {font-family: 'AntennaCond-Bold'; color:#000; margin-left:13px;}

.courseMain { width:100%; display:block; text-align:center; color:#000; margin-top:60px; float:left; }
.courseMain h1 { font-size:35px; font-family: "AntennaCond-Bold"; letter-spacing:2px; text-transform:uppercase; display:inline-block; text-transform:uppercase; margin-bottom:20px; }
.courseMain p { font-size:16px; font-family: "AntennaCond-Medium"; letter-spacing:1px; line-height:24px; }
.courseMain strong { font-size:16px; font-family: "AntennaCond-Bold"; letter-spacing:1px; }
.courseCtrl { display:block; text-align:center; }
.courseCtrl img { display:inline-block; padding-bottom:15px; }
.courseCtrl p { color:#000; font-size:16px; font-family: "AntennaCond-Bold"; letter-spacing:1px; line-height:24px; }
.courseInner { display: inline-block; text-align: center; width: 100%; margin-top:17.5px; }
.courseCtrlMain { display: inline-block; height: 130px; text-align: center; width: 200px; margin:17.5px 36px; }

.workshopMain { width:100%; height:308px; display:block; margin:81px 0 60px; line-height:24px; letter-spacing:1px; background:url(../images/texturedBG.jpg) repeat 0 0; float:left; }
.workshopTxt { margin:36px 0 0 17px; }
.workshopTxt > h1 { color: #000; font-family: "AntennaCond-Bold"; font-size: 35px; line-height: 42px; margin-bottom: 8px; letter-spacing: 3px; text-transform: uppercase; }
.workshopTxt > p { color: #000; font-family: "AntennaCond-Medium"; font-size: 16px; letter-spacing: 0px; margin-bottom: 6px; }

.btn-yellow { background-color: #fffc00;border:2px solid #fff71d;border-radius: 3px;color: #000;font-family: "AntennaCond-Bold"; font-size: 14px; letter-spacing: 3px;line-height: 12px;margin-top: 17px;padding: 12px 40px;text-align: center;text-transform: uppercase; /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ height:40px; }
.btn-yellow:hover { background-color: #f7f408; border:2px solid #fff71d; color: #000; }
.heading1 { color:#000; font-size:35px; font-family: "AntennaCond-Bold"; line-height:42px; }

.footerTable { padding-bottom: 45px; }
ul.footerTable { margin:24px 0 0 0; padding:0; list-style-type:none; }
ul.footerTable > li { margin:0; padding:12.5px 0; float:left; display:block; width:100%; font-size:16px; font-family: "AntennaCond-Bold"; color:#000; border-bottom:1px solid #ebebeb; }
.nopadding { padding:0; }
.font-thin {font-family: "AntennaCond-Thin";}
.font_16 {font-size:16px;}

.footer { background:url(../images/texturedBG.jpg) repeat 0 0; min-height:150px; color:#000; padding:28px 0; margin-top:12px; }
.heading_small { font-family: "AntennaCond-Bold"; font-size:14.49px; line-height:6.76px; display:block; letter-spacing:1px; margin-bottom:7px; }
.heading_light { font-family: "AntennaCond-Light"; font-size:13px; display:block; letter-spacing:1px; margin-top:-2px; }
ul.footer2 { margin: 0; padding: 0; }
ul.footer2 > li { display:inline-block; position:relative; }
ul.footer2 > li:after { width:1px; height:10px; background-color:#000; content:''; position:absolute; top:8px; right:6px; } 
ul.footer2 > li:last-child:after { display:none; }
ul.footer2 > li > a { font-family: "AntennaCond-Regular"; font-size:10px; letter-spacing:1px; text-decoration:none; color:#000; margin-right:15px; text-transform:uppercase; }
small { font-family: "AntennaCond-Regular"; font-size:10px; letter-spacing:1px; text-decoration:none; color:#777777; }

.tw_statCtrl { margin: -1px 0 0 -13px; }
ul.footerTable li .col-md-6.text-left, ul.footerTable li .col-md-6.text-right { padding: 0; }
ul.headSocial2 > li > a { display: inline-block; margin-top: 3px; margin-left: -4px; }