@import url("../webfonts/the_northern_block_ltd_nurom_extrabold/stylesheet.css");
/* CSS Document */

#body							{		max-width: 1920px;
										margin-left: auto;
										margin-right: auto;
								}
						
.logo							{		vertical-align: middle;
										margin-bottom: auto;
										padding-left: 4px;
										padding-top: 24px;
								}
					
.topnav							{		float: right;
										overflow: hidden;
										padding-right: 7px;
										padding-top: 77px;
								}
					
.topnav a						{		list-style-type: none;
										padding-left: 20px;
										text-align: right;
										display: inline-block;
										font-family: "Nurom ExtraBold";
										font-size: 12px;
										text-decoration: none;
										color: #000;
								}
								
.row 							{		display: -ms-flexbox; 
    									display: flex;
    									-ms-flex-wrap: wrap; 
   					 					flex-wrap: wrap;
    									padding: 0 0px;
										padding-top: 24px;
								}
								
.column							{		-ms-flex: 25%; 
    									flex: 25%;
    									max-width: 24.52%;
    									padding-left: 7px;
								}
								
.column img 					{		margin-top: 7px;
   						 				vertical-align: middle;
								}
								
.container 						{		position: relative;
  										width: 100%;
								}

.overlay 						{		position: absolute;
  										top: 0;
  										bottom: 0;
  										left: 0;
  										right: 0;
  										height: 100%;
  										width: 100%;
  										opacity: 0;
  										transition: .5s ease;
  										background-color: #f7941d;
								}

.container:hover .overlay 		{		opacity: 1;
								}
								
.image 							{		display: block;
  										width: 100%;
  										height: auto;
								}
					
.text01 						{		color: white;
  										font-size: 16px;
										font-family: Nurom;
  										position: absolute;
  										top: 45%;
  										left: 50%;
  										-webkit-transform: translate(-50%, -50%);
  										-ms-transform: translate(-50%, -50%);
  										transform: translate(-50%, -50%);
  										text-align: center;
								}
					
.text02 						{		color: white;
  										font-size: 18px;
										font-family: "Nurom ExtraBold";
  										position: absolute;
 										top: 55%;
  										left: 50%;
  										-webkit-transform: translate(-50%, -50%);
  										-ms-transform: translate(-50%, -50%);
  										transform: translate(-50%, -50%);
  										text-align: center;
								}
								
.footer 						{		width: 1872%;
										margin: 0 7px;
										padding-top: 146px;
										
								}
								
.copyright						{		font-family: Nurom;
										font-size: 12px;
										color: #999;
										padding-left: 7px;
								}
								
.facebook						{		float: right;
										padding-right: 7px;
										padding-bottom: 7px;
								}
								
.instagram						{		float: right;
										padding-right: 7px;
										padding-bottom: 7px;
								}
								
.behance						{		float: right;
										padding-right: 7px;
										padding-bottom: 7px;
								}
								
@media screen and (max-width: 1600px) {
	
.column 						{		-ms-flex: 49%;
       				 					flex: 49%;
        								max-width: 49%;
    							}

									  }
								
@media screen and (max-width: 960px) {
	
.column 						{		-ms-flex: 48.6%;
       				 					flex: 48.6%;
        								max-width: 48.6%;
    							}
								
.topnav.responsive 				{		position: relative;
										padding-top: 25px;
								}
								
.topnav.responsive a 			{		float: none;
    									display: block;
    									text-align: right;
  								}
								
.text01 						{		font-size: 8px;
								}
					
.text02 						{		font-size: 10px;
								}
								
.logo							{		-ms-flex: 75%;
       				 					flex: 75%;
        								max-width: 75%;
								}
								
									}
									
@media screen and (max-width: 600px) {
	
.column 						{		-ms-flex: 100%;
        								flex: 100%;
        								max-width: 100%;
    							}
								
.topnav.responsive 				{		position: relative;
								}
								
.topnav.responsive a 			{		float: none;
    									display: block;
    									text-align: right;
  								}
								
.text01 						{		font-size: 8px;
								}
					
.text02 						{
	font-size: 10px;
	font-family: "Nurom ExtraBold";
								}
								
.copyright						{		font-size: 9px;
								}
																
}