@charset "utf-8";

/* CSS Document */

@media (min-width:992px) and (max-width: 1199px) {

.titlecon {

    bottom: 4px;

    

}

.navbar-nav > li > a {

    font-size: 13px;

    font-weight: bold;

    padding: 22px 8px;

    text-shadow: 0 5px 10px #000;

    text-transform: uppercase;

}

.sldier img{ width:100%;}

}



@media (min-width:768px) and (max-width: 991px) {

.titlecon {

    bottom: 4px;

    

}

.navbar-nav > li > a {

    font-size: 11px;

    font-weight: bold;

    padding: 22px 4.8px;

    text-shadow: 0 5px 10px #000;

    text-transform: uppercase;

}

.sldier img{ width:100%;}

.social-link {

    margin: 0 auto;

    position: relative;

    right: 0;

    text-align: center;

    top: 0;

}

.social-link ul {

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

}

.social-link ul li {

    display: inline-block;

    float: none;

    list-style: outside none none;

}

.boxContentArea {min-height: 360px;}

footer .social-link {

    margin: 20px auto;

    position: relative;

    width: 170px;

}

}



@media (min-width:481px) and (max-width: 767px) {

.logo img{ width:400px;}

.titlecon {

    bottom: 4px;

    

}

.navbar-nav > li > a {

    font-size: 11px;

    font-weight: bold;

    padding: 22px 4.8px;

    text-shadow: 0 5px 10px #000;

    text-transform: uppercase;

}

.sldier img{ width:100%;}

.social-link {

    margin: 0 auto;

    position: relative;

    right: 0;

    text-align: center;

    top: 0;

}

.social-link ul {

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

}

.social-link ul li {

    display: inline-block;

    float: none;

    list-style: outside none none;

}

.social-link ul li img{ width:auto;}

.boxContentArea {min-height: 360px;}

footer .social-link {

    margin: 20px auto;

    position: relative;

    width: 170px;

}

.box {

    float: left;

    position: relative;

    width: 100%;

}

.boxContentArea {

    background-size: cover;

    min-height: 360px;

}

 

}





@media (min-width:290px) and (max-width: 480px) {

.logo img{ width:250px;}

.titlecon {

    bottom: 4px;

    

}

 

.sldier img{ width:100%;}

.social-link {

    margin: 0 auto;

    position: relative;

    right: 0;

    text-align: center;

    top: 0;

}

.social-link ul {

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

}

.social-link ul li {

    display: inline-block;

    float: none;

    list-style: outside none none;

}

.social-link ul li img{ width:auto;}

.boxContentArea {min-height: 360px;}

footer .social-link {

    margin: 20px auto;

    position: relative;

    width: 170px;

}

footer .social-link  ul li a{ display:block; }

.box {

    float: left;

    position: relative;

    width: 100%;

}

.boxContentArea {

    background-size: cover;

    min-height: 360px;

}

 

header{ min-height:90px;} 

.leftSide h2 {

    color: #ff0000;

    font-family: "morpheusregular";

    font-size: 28px;

    font-weight: bold;

    margin: 0 0 25px;

    padding: 0;

    text-shadow: 2px 0 5px #000;

}

}



@media (min-width:290px) and (max-width: 767px) {

.navbar-header{ display:block;}

.navbar-toggle{ margin-top: 15px;}



#navbar {

    background: #000 none repeat scroll 0 0;

    position: relative;

    z-index: 999999999;

}.contentarea {

    overflow: hidden;

    position: relative;

    z-index: 555;

}

.navbar-nav {

    margin: 0;

}

.navbar-nav > li > a {

    font-size: 14px;

    font-weight: bold;

    padding: 5px 0;

    text-shadow: 0 5px 10px #000;

    text-transform: uppercase;

}

.navbar-default .navbar-toggle {

    border-color: #f00;

}

.navbar-toggle{ background:#F00;}



.alignright{  margin:0 auto 15px; float:none;}

.alignleft{  margin:0 auto 15px; float:none;}

.aligncenter{ margin:0 auto 15px; float:none;}

}