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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

/* default paddings*/
.pd0{padding: 0}
.pd5{padding: 5px}
.pd10{padding: 10px}
.pd15{padding: 15px}
.pd20{padding: 20px}
.pd25{padding: 25px}
.pd30{padding: 30px}
.pd40{padding: 40px}
.pd50{padding: 50px}

.pl0{padding-left: 0}
.pl5{padding-left: 5px}
.pl10{padding-left: 10px}
.pl15{padding-left: 15px}
.pl20{padding-left: 20px}
.pl25{padding-left: 25px}
.pl30{padding-left: 30px}
.pl40{padding-left: 40px}
.pl50{padding-left: 50px}

.pr0{padding-right: 0}
.pr5{padding-right: 5px}
.pr10{padding-right: 10px}
.pr15{padding-right: 15px}
.pr20{padding-right: 20px}
.pr25{padding-right: 25px}
.pr30{padding-right: 30px}
.pr40{padding-right: 40px}
.pr50{padding-right: 50px}

.pb0{padding-bottom: 0}
.pb5{padding-bottom: 5px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb25{padding-bottom: 25px}
.pb30{padding-bottom: 30px}
.pb40{padding-bottom: 40px}
.pb50{padding-bottom: 50px}

.pt0{padding-top: 0}
.pt5{padding-top: 5px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px}
.pt25{padding-top: 25px}
.pt30{padding-top: 30px}
.pt40{padding-top: 40px}
.pt50{padding-top: 50px}

.ph0{padding-left: 0; padding-right: 0}
.ph5{padding-left: 5px; padding-right: 5px}
.ph10{padding-left: 10px; padding-right: 10px}
.ph15{padding-left: 15px; padding-right: 15px}
.ph20{padding-left: 20px; padding-right: 20px}
.ph25{padding-left: 25px; padding-right: 25px}
.ph30{padding-left: 30px; padding-right: 30px}
.ph40{padding-left: 40px; padding-right: 40px}
.ph50{padding-left: 50px; padding-right: 50px}

.pv0{padding-top: 0; padding-bottom: 0}
.pv5{padding-top: 5px; padding-bottom: 5px}
.pv10{padding-top: 10px; padding-bottom: 10px}
.pv15{padding-top: 15px; padding-bottom: 15px}
.pv20{padding-top: 20px; padding-bottom: 20px}
.pv25{padding-top: 25px; padding-bottom: 25px}
.pv30{padding-top: 30px; padding-bottom: 30px}
.pv40{padding-top: 40px; padding-bottom: 40px}
.pv50{padding-top: 50px; padding-bottom: 50px}

/* default margins*/
.mg0{margin: 0}
.mg5{margin: 5px}
.mg10{margin: 10px}
.mg15{margin: 15px}
.mg20{margin: 20px}
.mg25{margin: 25px}
.mg30{margin: 30px}
.mg40{margin: 40px}
.mg50{margin: 50px}

.ml0{margin-left: 0}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml25{margin-left: 25px}
.ml30{margin-left: 30px}
.ml40{margin-left: 40px}
.ml50{margin-left: 50px}

.mr0{margin-right: 0}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr25{margin-right: 25px}
.mr30{margin-right: 30px}
.mr40{margin-right: 40px}
.mr50{margin-right: 50px}

.mb0{margin-bottom: 0px}
.mb5{margin-bottom: 5px}
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px}

.mt0{margin-top: 0px}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}

.mh0{margin-left: 0px; margin-right: 0px}
.mh5{margin-left: 5px; margin-right: 5px}
.mh10{margin-left: 10px; margin-right: 10px}
.mh15{margin-left: 15px; margin-right: 15px}
.mh20{margin-left: 20px; margin-right: 20px}
.mh25{margin-left: 25px; margin-right: 25px}
.mh30{margin-left: 30px; margin-right: 30px}
.mh40{margin-left: 40px; margin-right: 40px}
.mh50{margin-left: 50px; margin-right: 50px}

.mv0{margin-top: 0px; margin-bottom: 0px}
.mv5{margin-top: 5px; margin-bottom: 5px}
.mv10{margin-top: 10px; margin-bottom: 10px}
.mv15{margin-top: 15px; margin-bottom: 15px}
.mv20{margin-top: 20px; margin-bottom: 20px}
.mv25{margin-top: 25px; margin-bottom: 25px}
.mv30{margin-top: 30px; margin-bottom: 30px}
.mv40{margin-top: 40px; margin-bottom: 40px}
.mv50{margin-top: 50px; margin-bottom: 50px}

/*Another Rules*/

.upper{
	text-transform: uppercase;
}
.block{
	display:block;
}
.full-size{
	width:100%;
}