/*

	StudioFabryka.pl

	font-family: 'Oswald', sans-serif;
	font-family: 'PT Sans', sans-serif;

*/

body {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5em;
    color: #a4a4a4
}

body main b, body main strong {
    font-family: 'PT Sans', sans-serif; font-weight: bold;
    color: #282828
}

.gallery .col-md-3 {margin-bottom: 30px;}

.gallery a {
	float: left;
	width: 100%;
	transition: all .2s;
}

.gallery a:hover {
	opacity: .9;
	transform: scale(1.03);
	box-shadow: 0 15px 15px -10px rgba(0,0,0,.3);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
	text-transform: uppercase;
	color: #282828;
}

header {
    position: relative;
    width: 100%;
    height: 100vh
}

header .navbar-brand {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 30
}

header h1 {
    position: absolute;
    bottom: 145px;
    right: 30px;
    z-index: 30;
    text-align: right;
    color: #282828
}

header h1 strong {
    text-transform: uppercase;
    font-size: 60px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 15px;
    display: inline-block
}

header h1 span {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-size: 36px
}

header .glow1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

header .glow2 {
    position: absolute;
    bottom: 115px;
    right: 0;
    z-index: 20
}

header .cycle-slideshow {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.home header .cycle-slideshow img {
    height: 100vh
}

.navbar {
    background: rgba(0, 0, 0, 0.75);
    height: 115px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: 0;
    border-radius: 0
}

.navbar .nav>li img {
    float: left;
    margin-top: 5px
}

.navbar-brand>img {
    max-width: 350px;
}

.navbar .nav>li img:first-of-type {display: none}
.navbar .nav>li:first-child img:first-of-type {display: block}



.navbar .nav>li>a {
    float: left;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    text-shadow: none;
    letter-spacing: 1px;
    padding: 47px 63px;
    transition: all .3s
}

.navbar .nav>li>a:hover,
.navbar .nav>li>a:focus, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus, .navbar .nav>.open>a:hover, .navbar .nav>.open>a:focus, .navbar .nav>.active>a, .navbar .nav>.open>a {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.8)
}

main {
    background: white;
    position: relative;
    z-index: 100
}

.home .main {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center
}

.home h2 {
    text-transform: uppercase;
    font-size: 60px;
    color: #282828;
    margin: 0 0 30px
}

.realizacje {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
    background: #f4f4f4
}

.realizacje .col-md-4 {margin-top: 60px;}

.realizacje h4 {
    margin: 30px 0 15px
}

.realizacje h4 a {
    text-transform: uppercase;
    color: #282828;
    font-size: 24px
}

.realizacje p {
    line-height: 1.3em;
    margin-bottom: 15px
}

.btn-primary {
    background: #ff6e00;
    color: white !important;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 0;
    border: 0;
    transition: all .2s
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:focus:hover {
    background: #bd5100
}

footer {
    background: black;
    padding: 60px 0;
    position: relative;
    z-index: 100;
    color: #505050;
    font-size: 14px;
    line-height: 1.3em
}

footer a {
    color: #ff6e00
}

footer a:hover {
    color: #f18c3f
}

footer h4 {
    text-transform: uppercase;
    color: white;
    font-size: 24px;
    margin: 0 0 30px
}

footer hr {
    border-color: #1a1a1a
}

footer span {
    font-size: 12px
}

.madeby {
    line-height: 1em
}

.madeby small, .madeby img {
    float: left
}

.madeby small {
    color: white;
    margin: 3px 3px 0 0;
    font-size: 10px
}

.navbar, .navbar img {
    transition: all .2s
}

.affix {
    position: fixed;
    top: 0;
    left: 0;
    height: 55px
}

.affix .nav>li img {
    height: 55px;
    margin-top: 0
}

.affix .nav>li>a {
    padding-top: 16px;
    padding-bottom: 16px
}

.sub header {
    height: 500px
}

.sub .navbar {
    bottom: auto;
    top: 385px;
    transition: none
}

.sub .affix {
    top: 0;
    bottom: auto
}



.sub main h2 {
    text-transform: uppercase;
    color: #282828;
    margin: 60px 0 30px;
    font-size: 60px
}

.sub main h3, .sub main h4, .sub main h5, .sub main h6 {
    text-transform: uppercase;
    color: #282828;
    margin: 30px 0 15px
}

.sub main a {
    color: #ff6e00
}

.sub main a:hover {
    color: #d25b00
}

.fade-content>* {
    transition: ease opacity .25s, ease transform .25s
}

.fade-content>*:nth-child(3n+2) {
    transition-delay: .1s
}

.fade-content>*:nth-child(3n+3) {
    transition-delay: .2s
}

.fb_slider_right {
    position: fixed;
    top: 180px;
    right: -320px;
    z-index: 10000;
    width: 348px;
    height: 100px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.fb_slider_right .sliderbody {
    float: left;
    width: 320px
}

.fb_slider_right:hover {
    right: 0;
    height: 100%
}

.fb_slider_right .button, .fb_slider_right iframe {
    float: left;
    background: white
}

.download {
    float: left
}

.download ul {
    margin: 0;
    padding: 0
}

.download .plik {
    display: none;
    color: #fff
}

.download a:hover {
    text-decoration: none
}

.type_text .plik {
    display: inline
}

.type_icons li {
    list-style: none !important
}

.type_icons a {
    text-decoration: none !important;
    padding: 1px 0 2px 27px;
    background: url(../img/modules/download/page_white.png) 0 0 no-repeat;
    background-position: 0 3px !important
}

.type_icons .pdf {
    background: url(../img/modules/download/acrobat.png) 0 0 no-repeat
}

.type_icons .swf {
    background: url(../img/modules/download/flash.png) 0 0 no-repeat
}

.type_icons .txt, .rtf {
    background: url(../img/modules/download/text.png) 0 0 no-repeat
}

.type_icons .doc, .type_icons .docx, .type_icons .odf, .type_icons .ott, .type_icons .sxw, .type_icons .stw {
    background: url(../img/modules/download/word.png) 0 0 no-repeat
}

.type_icons .jpg, .type_icons .jpe, .type_icons .jfif, .type_icons .png, .type_icons .jpeg, .type_icons .gif, .type_icons .tif, .type_icons .tiff, .type_icons .ico, .type_icons .bmp, .type_icons .raw, .type_icons .dcs {
    background: url(../img/modules/download/picture.png) 0 0 no-repeat
}

.type_icons .flv, .type_icons .mov, .type_icons .mpeg, .type_icons .avi, .type_icons .divx {
    background: url(../img/modules/download/movie.png) 0 0 no-repeat
}

.type_icons .ods, .type_icons .sxc, .type_icons .xls, .type_icons .xlt {
    background: url(../img/modules/download/excel.png) 0 0 no-repeat
}

.type_icons .odg, .type_icons .sxd, .type_icons .psd {
    background: url(../img/modules/download/paint.png) 0 0 no-repeat
}

.type_icons .cdr, .type_icons .ai {
    background: url(../img/modules/download/vector.png) 0 0 no-repeat
}

.type_icons .php, .type_icons .html, .type_icons .css, .type_icons .js, .type_icons .less, .type_icons .asp, .type_icons .c {
    background: url(../img/modules/download/code.png) 0 0 no-repeat
}

.type_icons .sql, .type_icons .db, .type_icons .dbf, .type_icons .dbk {
    background: url(../img/modules/download/database.png) 0 0 no-repeat
}

.type_icons .zip, .type_icons .tar, .type_icons .gz, .type_icons .gzip, .type_icons .rar {
    background: url(../img/modules/download/zip.png) 0 0 no-repeat
}

.type_icons .rb {
    background: url(../img/modules/download/ruby.png) 0 0 no-repeat
}

.type_icons .as {
    background: url(../img/modules/download/actionscript.png) 0 0 no-repeat
}

.type_icons .cf {
    background: url(../img/modules/download/coldfusion.png) 0 0 no-repeat
}

.type_icons .odp, .type_icons .sxi, .type_icons .ppt {
    background: url(../img/modules/download/powerpoint.png) 0 0 no-repeat
}

.type_icons .iso, .type_icons .nrg {
    background: url(../img/modules/download/dvd.png) 0 0 no-repeat
}

form .alert {
    display: none;
    font-size: 13px;
    line-height: 1.2em;
    margin-bottom: 0
}

form * {
    border-radius: 0 !important
}

.map iframe {
    width: 100%
}

form label {
    font-weight: normal
}

.form {
    margin-bottom: 1.5em
}

.forform {
    margin-top: 1em
}

#pages {
    margin: 0 0 15px
}

.jPaginate {
    height: 34px;
    position: relative;
    color: #a5a5a5;
    font-size: small;
    width: 100%
}

.jPaginate a {
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0 10px !important;
    margin: 0 2px;
    float: left;
    text-decoration: none !important
}

.jPag-control-back {
    position: absolute;
    left: 0px
}

.jPag-control-front {
    position: absolute;
    top: 0px
}

.jPaginate span {
    cursor: pointer
}

ul.jPag-pages {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px
}

ul.jPag-pages li {
    display: inline;
    float: left;
    padding: 0px;
    margin: 0px
}

ul.jPag-pages li a {
    float: left;
    padding: 2px 5px
}

span.jPag-current {
    cursor: default;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    margin: 0 2px;
    float: left
}

ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-next, span.jPag-sprevious, span.jPag-snext, ul.jPag-pages li span.jPag-previous-img, ul.jPag-pages li span.jPag-next-img, span.jPag-sprevious-img, span.jPag-snext-img {
    height: 34px;
    margin: 0 2px;
    float: left;
    line-height: 26px
}

ul.jPag-pages li span.jPag-previous, ul.jPag-pages li span.jPag-previous-img {
    margin: 2px 0px 2px 2px;
    font-size: 12px;
    font-weight: bold;
    width: 10px
}

ul.jPag-pages li span.jPag-next, ul.jPag-pages li span.jPag-next-img {
    margin: 2px 2px 2px 0px;
    font-size: 12px;
    font-weight: bold;
    width: 10px
}

span.jPag-sprevious, span.jPag-sprevious-img {
    margin: 2px 0px 2px 2px;
    font-size: 14px;
    width: 15px;
    text-align: right
}

span.jPag-snext, span.jPag-snext-img {
    margin: 2px 2px 2px 0px;
    font-size: 14px;
    width: 15px;
    text-align: right
}

ul.jPag-pages li span.jPag-previous-img {
    background: transparent url(../images/previous.png) no-repeat center right
}

ul.jPag-pages li span.jPag-next-img {
    background: transparent url(../images/next.png) no-repeat center left
}

span.jPag-sprevious-img {
    background: transparent url(../images/sprevious.png) no-repeat center right
}

span.jPag-snext-img {
    background: transparent url(../images/snext.png) no-repeat center left
}

.jPag-last, .jPag-first {
    line-height: 30px !important;
    font-size: 14px
}

.gal-container {
    padding: 12px;
}

.gal-item {
    overflow: hidden;
    padding: 3px;
}

.gal-item .box {
    height: 350px;
    overflow: hidden;
}

.box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.gal-item a:focus {
    outline: none;
}

.gal-item a:after {
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    right: 3px;
    left: 3px;
    top: 3px;
    bottom: 3px;
    text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.gal-item a:hover:after {
    opacity: 1;
}

.modal-open .gal-container .modal {
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-open .gal-item .modal-body {
    padding: 0px;
}

.modal-open .gal-item button.close {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
}

.modal-open .gal-item button.close:focus {
    outline: none;
}

.modal-open .gal-item button.close span {
    position: relative;
    top: -3px;
    font-weight: lighter;
    text-shadow: none;
}

.gal-container .modal-dialogue {
    width: 80%;
}

.gal-container .description {
    position: relative;
    height: 40px;
    top: -40px;
    padding: 10px 25px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: left;
}

.gal-container .description h4 {
    margin: 0px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 100px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}

@media (min-width: 768px) {
    .gal-container .modal-dialog {
        width: 55%;
        margin: 50 auto;
    }
}

@media (max-width: 768px) {
    .gal-container .modal-content {
        height: 250px;
    }
}



.sub main {padding-bottom: 100px;}


.preloader {
	background: white url(../img/logo.png) center no-repeat;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;

}


.media-heading {margin: 5px 0 15px;}
.news .media-heading {margin: 15px 0; text-align: center;}

.main .media-top img,
.news .media img {width: 100%;}




@media screen and (min-height: 800px) {
	.home header .cycle-slideshow img {
		min-width: 100%;
		min-height: 100vh;
	}
}

footer hr {
	margin-top: 60px;
	margin-bottom: 60px;
}

.btn-primary {
	margin-top: 10px;
}

.bg-light {
	background: #f4f4f4;
}

.mt-0 {
	margin-top: 0px!important;
}

.my-5 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.onetwo {
	align-items: center;
}

.sub .onetwo {
	align-items: flex-start;
}

.onetwo .tekst {
	text-align: left;
}


.justify-content-between {
    -webkit-box-pack: space-between!important;
    -ms-flex-pack: space-between!important;
    justify-content: space-between!important;
}

.d-flex {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}


@media (min-width: 768px) {
.order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
}


.fancybox-slider-wrap {
	background-color: rgba(255, 255, 255, .8) !important;
}

.fancybox-button, .fancybox-infobar__body {
	background-color: rgba(255, 255, 255, .8) !important;
}

.fancybox-infobar__body {
	color: #111 !important;
}

.fancybox-button {
	color: #e7501e !important;
}

.fancybox-button--right,
.fancybox-button--left {
	position: fixed !important;
	top: 43px !important;
	width: 10vw !important;
	min-width: 100px !important;
	bottom: 43px !important;
	height: calc(100vh - 86px) !important;
	z-index: 999999 !important;
	background-color: transparent !important;

	display: flex;
	align-items: center;
	justify-content: center;
}

.fancybox-button--left {
	left: 0 !important;
}
.fancybox-button--right {
	right: 0 !important;
}

.fancybox-button--right:after,
.fancybox-button--left:after {
	width: 36px !important;
	height: 36px !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
}


[data-fancybox-thumbs] {display: none !important;}


/*

RRRRRRRRRRRRRRRRR         WWWWWWWW                           WWWWWWWW     DDDDDDDDDDDDD
R::::::::::::::::R        W::::::W                           W::::::W     D::::::::::::DDD
R::::::RRRRRR:::::R       W::::::W                           W::::::W     D:::::::::::::::DD
RR:::::R     R:::::R      W::::::W                           W::::::W     DDD:::::DDDDD:::::D
 R:::::R     R:::::R       W:::::W           WWWWW           W:::::W        D:::::D    D:::::D
 R:::::R     R:::::R        W:::::W         W:::::W         W:::::W         D:::::D     D:::::D
 R:::::RRRRRR:::::R          W:::::W       W:::::::W       W:::::W          D:::::D     D:::::D
 R:::::::::::::RR             W:::::W     W:::::::::W     W:::::W           D:::::D     D:::::D
 R::::RRRRRR:::::R             W:::::W   W:::::W:::::W   W:::::W            D:::::D     D:::::D
 R:::::R     R:::::R            W:::::W W:::::W W:::::W W:::::W             D:::::D     D:::::D
 R:::::R     R:::::R             W:::::W:::::W   W:::::W:::::W              D:::::D     D:::::D
 R:::::R     R:::::R              W:::::::::W     W:::::::::W               D:::::D    D:::::D
RR:::::R     R:::::R              W:::::::W       W:::::::W              DDD:::::DDDDD:::::D
R::::::R     R:::::R               W:::::W         W:::::W               D:::::::::::::::DD
R::::::R     R:::::R                W:::W           W:::W                D::::::::::::DDD
RRRRRRRR     RRRRRRR                 WWW             WWW                 DDDDDDDDDDDDD

*/


/* height: 1050px */
@media screen and (max-width: 1680px) {

}


/* height: 900px */
@media screen and (max-width: 1600px) {

}


/* height: 864px */
@media screen and (max-width: 1536px) {

}



/* height: 900px */
@media screen and (max-width: 1440px) {
	header .cycle-slideshow img {min-width: 100%; min-height: 100vh; height: auto; width: auto; max-width: none; max-height: none;}
}


/* height: 768px */
@media screen and (max-width: 1366px) {

}



/* height: 768px */
@media screen and (max-width: 1360px) {

}



/* height: 1024 & 720px */
@media screen and (max-width: 1280px) {

}




/* height: 768px, 600px */
@media screen and (max-width: 1199px) {
	.navbar .nav>li>a {padding: 47px 34px;}
	.affix .nav>li>a {
	    padding-top: 16px;
	    padding-bottom: 16px;
	}

	.preloader {background-size: 80% auto;}
}






@media screen and (max-width: 1023px) {

	.navbar {background: none; height: 1px !important; min-height: 1px !important; top:0 !important;}

	header h1, header .glow2 {bottom: 0;}

	.navbar-toggle {
		border-color: black;
		background: white;
		position: fixed;
		top: 30px;
		right: 30px;
		margin:0;
	}

	.icon-bar {
		background: black;
	}

	#navbar {
		background: white;
		position: fixed;
		max-height: 90vh;
		height: auto;
		top: 10vh;
		left:15px;
		width: 100%;
	}

	.navbar .nav>li {
		height: auto;
		background: none;
	}

	.navbar .nav>li img {display: none !important;}

	.navbar .nav>li>a {
	    padding: 10px 15px;
	    width: 100%;
    	color: #333;
		border-top: 1px solid #e2e2e2;
	}

	.navbar .nav>li>a:hover,
	.navbar .nav>li>a:focus,
	.navbar .nav>.active>a:hover,
	.navbar .nav>.active>a:focus,
	.navbar .nav>.open>a:hover,
	.navbar .nav>.open>a:focus,
	.navbar .nav>.active>a,
	.navbar .nav>.open>a {
		box-shadow: none;
		background: #e7501e;
		color: white;
	}

	.realizacje .media img {width: 100%}

	footer .col-sm-12 {
		margin-bottom: 30px;
	}

	.sub header {width: 100%; overflow: hidden;}

	.sub header .cycle-slideshow {width: 100%;height: auto}
	header .cycle-slideshow img {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		height: auto !important;
		min-height: 10px;
	}

	.home header {height: 479px; overflow: hidden;}
	.sub header {height: 250px; overflow: hidden;}

	.glow1, .glow2 {max-width: 100%;}

	.sub header h1, .sub .glow2 {display: none}

	.sub .navbar-brand {
		top:15px;
		left: 15px;
	}

	.sub .navbar-brand img {
		width: 300px;
	}

	.sub main {overflow: hidden;}


	.news .media {margin-bottom: 30px;}
}





@media screen and (max-width: 800px) {
	header .navbar-brand {top: 15px; left:15px;}
	.navbar-brand>img {width: 300px;}

	.glow1, .glow2 {
		width: 100%;
	}

	header h1 strong {font-size: 40px}

	.home header {height: 390px;}

	.sub header {height: 204px;}
}




@media screen and (max-width: 768px) {
	.home header {height: 375px;}
	.sub header {height: 196px;}

}



@media screen and (max-width: 640px) {
	.home header {height: 310px;}

	footer {
		text-align: center;
	}
	.sub header {height: 162px;}

	.sub .main .media {margin-bottom: 30px;}

}



@media screen and (max-width: 600px) {
	header .navbar-brand {top: 5px !important; left:5px !important;}

	.glow2 {width: 70%;}

	.home header {height: 290px;}
	header h1 {line-height: 1em;}
	header h1 strong {font-size: 30px; margin-bottom: 0;}
	header h1 span {font-size: 20px}

	.sub header {height: 152px;}


}


@media screen and (max-width: 480px) {
	.home header {height: 230px;}
	header h1 strong {font-size: 20px;}
	header h1 span {font-size: 18px}

	.navbar-brand img {width: 200px !important;}

	.glow1 {width: 80%;}

	footer .pull-left,
	footer .pull-right {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	.madeby {
		display: inline-block;
	}

	.sub header {height: 121px;}

}


@media screen and (max-width: 435px) {
	.home header {height: 208px;}
	.glow1 {width: 100%;}

	.sub header {height: 109px;}

}

@media screen and (max-width: 425px) {}

@media screen and (max-width: 414px) {
	.home header {height: 200px;}
	.sub header {height: 103px;}

}

@media screen and (max-width: 375px) {
	.home header {height: 178px;}
	.sub header {height: 93px;}

	.navbar-brand img {width: 150px !important;}
	header h1 strong {font-size: 18px;}
	header h1 span {font-size: 15px}

	header h1 strong,
	header h1 span {display: block; float: right; clear: both;}

	.news .col-xs-6 {width: 100%}
}

@media screen and (max-width: 360px) {
	.home header {height: 170px;}
	.sub header {height: 89px;}

	.sub main h2 {font-size: 40px;}

}

@media screen and (max-width: 320px) {
	.navbar-brand img {width: 130px !important; margin-top: 10px;}

	.home header {height: 165px;}
	.sub header {height: 79px;}

}