@charset "utf-8";

.full, .two_quarter{width:100%;}
.third{width:31%;}
.first{margin-left:0; clear:left;}
.one_quarter{width:22.69938650306748%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}

/**Devices**/
@media screen and (max-width:1600px){
	.hoc{max-width:978px;}
}

@media screen and (max-width:750px){
	.one_half, .third, .two_third, .one_quarter, .two_quarter, .three_quarter{
		display:block; 
		float:none; 
		width:auto; 
		margin:0 0 30px 0; 
		padding:0;
	}
	#navigation{text-align:center;}
	#navigation #logo{margin:0 0 15px 0;}
}

@media screen and (max-width: 980px) {   
	.header:before{
	  background:url(../images/mobile_header.jpg);
	  background-attachment:fixed;
	  background-size:cover;
	  font-weight: bold;
	}
	.header_content{
	  background-color:transparent;
	  color: #0A1C28;
	  float:none; 
	  margin:0;
	  width:100%; 
	}
	.header_content h1{padding-top:20px;}
	.header_content p{display:none;}
	.header_buttons{padding:0 3em 0 0;}
	.buttons *{
	  display:block;
	  position: relative;
      padding:0.5em 1.5em;
	  width:100%;
	}	
	.buttons .btn{background-color:rgb(220,220,220,0.6);}.category{display:none;}
}
/**Navbar Mobile**/
@media screen and (max-width: 736px) {       /**736px**/
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	transition: width 2s, height 4s;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	padding:15px;	
  }
  .topnav.responsive a {
    float: none;
    display: block;
	padding:15px;
	text-align: left;
  }
  .divide{display:none;}
  .header_content{position:relative; top:50px;}
  .header_content h1{font-size:30px;}
  .header_content li{
     margin-left:0; 
	 margin-right:0; 
	 right:0; left:0;
  }
  .column {
    width: 100%;
    display: block;
  }
  #portfolio {  
    margin: 1rem 0;
    column-count: 1; 
  }
  #footer{display:block;}
  .address{ text-align:center;}
  .category{display:none;}
}