/**********************
steelheadventuresthings
**********************/


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

      /**********************
    Two column layout
    **********************/

    #primary {
    width: 30%;
      float: left;
    }

    #secondary {
    width: 60%;
    float: right;
    }
    
#iconsind li a img {
width: 70px;
}
.lista {
    padding-left: 15%;
}


   
    

}

@media screen and (min-width: 770px) {
    
    #truck01 {

  border:solid;
        border-color: lightgray;
  border-width:5px;
  border-radius: 10px;
  max-width: 50%;
  margin: 0% auto 10px auto;

    }

#iconsind li {
 float: left;
 width: 14.666666%;
 margin: 1%;
}
.lista {
  padding-left: 30%;
  font-size: .9em;

}

header {
	float: none;
    max-width: 100%;
    clear: both;
    text-align: center;
}
#logito {
  max-width: 55%;
vertical-align: middle;
padding: 1px;
}


nav {

	text-align:center;
	font-size: 1.2em;

}

  nav li {
display:inline-block;
}


footer {
  font-size: 0.75em;
  text-align: center;
  clear:both;
  padding-top:10px;
   height: 180px;
  
}

.social-icon {
	width: 40px;
  	height: 40px;
  	margin: 0 5px;
}
h6{
font-size: 1.8em;

}
/**********************
logos list
**********************/


#logos li img{
  float: left;
  margin: 5%;
  border: solid;
  border-radius: 5%;
  border-width: 5%;
  border-color: #fff;
  width: 23.3333%;
margin-bottom: 40px;
}
.container {
    padding: 0 1.225em 2.5em;
  }


.photo-container {
    width: 48%;
    float: left;
    margin-left: 4%;
  }
.photo-container:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
  }

        #cajita {
margin: auto;
    width: 60%;
    font-size: 1.4em;


    
}
    
    

}