@charset "utf-8";
/* CSS Document */

html, body {
	font-family: 'Roboto', sans-serif !important;
}
body {
	background-color: slategray;
}	

header {
	background-color: white;
}

#logoCont {
	background-color: white;
}

#mainLogo img {
	max-width: 300px;
}

#theSuitmenu {
	font-size: 20px;
}

.suitImages {
	
}

.suitImages img {
	width: 100%;
}

.suitImages div {
    background-repeat: no-repeat;
    background-size: contain;
    height: 500px;
    width: auto;
    background-position: center;
}

.suitColorImage {
    
}

body:after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:     url("../images/Suit Back camo.png") 
                 url("../images/Suit Back green.png") 
                 url("../images/Suit Back orange.png") 
                 url("../images/Suit Back pink.png")
                 url("../images/Suit Back yellow.png")
                 url("../images/Suit Front back camo.png")
                 url("../images/Suit Front back green.png")
                 url("../images/Suit Front back orange.png")
                 url("../images/Suit Front back pink.png")
                 url("../images/Suit Front back yellow.png")
                 url("../images/Suit Front camo.png")
                 url("../images/Suit Front green.png")
                 url("../images/Suit Front orange.png")
                 url("../images/Suit Front pink.png")
                 url("../images/Suit Front yellow.png");
}

/*#suitColors {
    background-image:url("../images/suit colors.jpg")
}
*/

/*.suitColorImages div {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: auto;
    background-position: center;
}*/

#suitColorText {
    text-align: center;
}


#suitFront{
	
	background-image: url("../images/Suit Front.png");
}

#suitBack {
	background-image: url("../images/Suit Back.png");
}

#suitInfo {
	background-image:url("../images/Suit Front back.png");
	height: 750px;
}

#suitDetail1 {
	background-image:url("../images/Suit detail1.png");
}

#suitDetailHood {
	background-image: url("../images/Suit detail hood.png");
}

#suitDetailBack {
	background-image: url("../images/Suit detail back1.png");
}

#accimg {
    height: 170px;
    margin: 10px 5px;
}

.otjImg {
    height: 200px;
    margin: 10px 5px;
}

.navbar {
	margin-bottom: 0;
}

.navbar-default {
    background-color: #333;
    border: none;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:link, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active  {
  color: white;
}

.navbar-default .navbar-nav > li > a:hover {
    color: slategray;
}

.navbar-contact {
    font-size: 17px;
    color: #fff;
    padding-top:7px;
    margin:0;
}
    
.bodyWrapper {
	background-color: white;
}

.heroText {
	font-size: 20px;
	text-align: left;
}

.rowTransparent {
    background-color: #707F90;
    color: black;
}

#contactField {
	background-color: #333;
	color: white;
}

.fa-facebook-square {
    color: white;
    
}

.navbar-social{
    margin: 8px 15px 0 0;    
    font-size: 25px;
    
}

footer {
	background-color: black;
	color: white;
}