body{margin:0;padding:0;font-family:'PT Sans', sans-serif;background:#f1f0f0}
header{width:1250px;margin:0 auto;overflow:hidden;border-bottom:5px solid #efb83d}
footer{width:1170px;margin:0 auto;padding:18px;overflow:hidden}
footer p{color:#333;font-size:12px}
footer p a{text-decoration:none;color:#333}
section a{color:#C00}
.logo{float:left;font-family:'Oswald', sans-serif}
.logo h2 a{margin:5px;text-decoration:none;color:#ea3e3e;font-size:27px;padding:5px 10px;border-left:18px solid}
h1, h2, h3, h4, h5{font-family:'Oswald', sans-serif;font-weight:100}
h1{margin:20px;padding:0;font-size:36px;text-align:center}
nav{float:right;margin:50px 0 0}
nav ul{list-style:none;margin:0;padding:0}
nav ul li{float:left;overflow:hidden}
nav ul li a{display:inline-block;padding:6px 30px;text-decoration:none;color:#FFF;background:#efb83d}
nav ul li a:hover, nav ul li .active{background-color:#FFF;color:#333}
.commentcover{width:900px;max-width:100%;overflow:hidden;background:#FFF;padding:15px 1%;margin:20px auto}
#author,#message,#email,#url,#password,#headline,#sdesc,#post,#ur{position:relative;width:96%;padding:1.5%;box-shadow:inset 1px 1px 5px rgba(0,0,0,.05);background:#fcfcfc;border:1px solid #eee;color:#999}
.comment-form-author{text-align:left}
input[type=button],input[type=reset],input[type=submit]{padding:4px 15px;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,.1);background:#f8f8f8;background:-moz-linear-gradient(#fcfcfc,#f3f3f3);background:-webkit-linear-gradient(#fcfcfc,#f3f3f3);background:-o-linear-gradient(#fcfcfc,#f3f3f3);background:-ms-linear-gradient(#fcfcfc,#f3f3f3);background:linear-gradient(#fcfcfc,#f3f3f3);border:none;border-bottom:1px solid #ddd;color:#444;font-family:"Open Sans",sans-serif;font-size:13px}

.blogcontener{width:1250px;margin:0 auto;overflow:hidden;box-sizing:border-box}
.contener{width:1250px;margin:50px auto;padding:20px;background:#FFF;overflow:hidden;box-sizing:border-box}
.contener ul, #textBox ul{list-style:none;margin:0;padding:12px}
.contener ul li, .contener ol li, #textBox ul li, #textBox ol li{margin:9px 0;font-size:15px}
.contener ul li small, #textBox ul li small{display:block}
.contener ul li a:hover{color:#FFF;background-color:#ffad94;}
.contener ul li a:hover span{color:#000;text-shadow:0px 0px 5px #333}
.contener ul li a span{font-size:18px;font-weight:bold}

article,aside{margin:50px 0;background:#fff;box-sizing:border-box;padding:10px}
.entry-meta,article,aside{padding:10px}
article{width:900px;float:left}
aside{width:290px;float:right}
section{margin:0 auto}
ul.breadcrumb{padding:25px;list-style:none;background-color:#f1f1f1;font-size:12px;border-radius:15px}
ul.breadcrumb li{display:inline;font-size:13px}
ul.breadcrumb li+li:before{padding:8px;color:#000;content:"/\00a0"}
ul.breadcrumb li a{color:#d29715;text-decoration:none}
ul.breadcrumb li a:hover{color:#ad7d15;text-decoration:underline}
.entry-meta{border-top:1px solid;border-bottom:1px solid;text-align:center;overflow:hidden}
.entry-meta span{margin:0 10px;float:left}
.entry-meta em{float:right}
aside h3{letter-spacing:3px;margin:0 2px 21px}
aside ul{list-style:none;margin:0;padding:0}aside ul li a{border-bottom:1px solid #ccc;display:block;padding:9px;text-decoration:none;color:#333;font-size:18px}
.blogmain{width:100%;display:flex;justify-content:space-between;background:none;flex-wrap:wrap}
.blogpost{position:relative;width:30%;margin-bottom:30px;display:inline-block}
.blogpost img{margin-bottom:21px;width:100%}
.blogpost a{color:#333;text-decoration:none}
.blogpost a span{font-size:18px;display:block;margin:0 0 27px}
.blogpost a:hover span{text-decoration:underline}
.blogpost em{background:#efb83d;position:absolute;right:0;padding:3px 6px;font-size:14px}


p{color:#333;font-size:15px;line-height:27px;text-align:justify;overflow:hidden}

.social{background:url(https://onlinetyping.in/images/social-icons.png);background-repeat:no-repeat;height:36px;display:inline-block;width:36px;margin:9px 3px;text-indent:-3000px}
.facebook{background-position:-105px 0}
.twitter{background-position:-35px 0}
.pinterest{background-position:-70px 0}
.whatsapp{background-position:-141px 0}

.clear{clear:both}

.firstcontent{text-align:center}
.firstcontent p{text-align:center}
.onethird{width:29%;padding:2%;float:left}
.onethird ul{list-style:none;margin:0;padding:0}
.onethird ul li{overflow:hidden}
.onethird ul li a{display:block;padding:10px;text-decoration:none;color:#000;margin-bottom:10px;border-left:5px solid #ea3e3e}
.onethird ul li a:hover{color:#FFF;background-color:#ffad94;}
.onethird ul li a:hover span{color:#000;text-shadow:0px 0px 5px #333}
.onethird ul li a span{font-size:18px;font-weight:bold}
.clipart{text-align:center;padding:10px;display:inline-block;border-radius:5px;width:270px;max-width:100%;margin:10px}
.clipart a{display: block;margin:9px 0;color: #000;text-decoration: none;}
.clipart img{width: 120px;border-radius:100px}
.clipart h4{font-weight: 100;text-transform: uppercase;color:#fff;letter-spacing: 3px;    margin: 0;}
.clipart h5{font-weight: 100;color:#fff;letter-spacing:3px;margin: 0;}
.beginner{background:#efb83d}
.beginner a{border-bottom:1px solid #c79119}
.intermediate{background:#ea853e}
.intermediate a{border-bottom:1px solid #ca6118}
.expert{background:#ea3e3e}
.expert a{border-bottom:1px solid #d22e2e}
.fullimg{display:block;margin:0 auto;max-width:100%;width:900px}
@media(max-width:1280px){
header{width:1000px}
footer{width:1000px}
.contener{width:1000px}
section{width:1000px}
article{width:100%}
}

@media(max-width:1080px){
.contener{width:94%;padding:20px 2%}
header{width:94%;padding:0 2%}
footer{width:94%;padding:0 2%}
section{width:100%}
aside{width:100%}
}

@media(max-width:780px){
.blogpost{width:47%}
}

@media(max-width:630px){
.logo{width:100%}
.logo h2 a{text-align:center;padding:0;display:block}
nav{width:100%;margin:10px 0}
nav ul{list-style:none;margin:0;padding:0}
nav ul li{float:none;overflow:hidden}
nav ul li a{display:block;padding:9px 30px;text-align:center}
nav ul li a:hover{background-color:#FFF;color:#333}
}

@media(max-width:500px){
.blogpost{width:100%}
}