/* 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:100%;
    										float: right;
											margin: 0 7px;
									}
								
.column img 						{		margin-top: 7px;
   						 					vertical-align: middle;
											display: block;
											cursor: pointer;
											width: 1390px;
									}
									
.description						{		padding-left: 7px;
											width: 475px;
											margin-right: 7px;
									}
									
.heading							{		font-size: 20px;
											font-family: "Nurom ExtraBold";
											
									}
									
.brief								{		font-size: 15px;
											font-family: Nurom;
									}
									
.modal 								{		display: none;
  											position: fixed;
  											z-index: 1;
  											padding-top: 100px;
  											left: 0;
  											top: 0;
  											width: 100%;
  											height: 100%;
  											overflow: auto;
  											background-color: #000;
									}
									
.modal-content 						{		position: relative;
  											background-color: #000;
  											margin: auto;
  											padding: 0;
  											width: 40%;
 											max-width: 1200px;
									}
									
.close 								{		color: white;
  											position: absolute;
 											top: 10px;
  											right: 25px;
  											font-size: 35px;
  											font-weight: bold;
									}
									
.close:hover, .close:focus 			{		color: #999;
  											text-decoration: none;
  											cursor: pointer;
									}
									
.mySlides 							{		display: none;
									}

.cursor 							{		cursor: pointer;
									}
									
.prev, .next 						{		cursor: pointer;
  											position: absolute;
  											top: 50%;
  											width: auto;
  											padding: 16px;
  											margin-top: -50px;
  											color: white;
  											font-weight: bold;
  											font-size: 20px;
  											transition: 0.6s ease;
  											border-radius: 0 3px 3px 0;
  											user-select: none;
  											-webkit-user-select: none;
									}
									
.next 								{		right: 0;
  											border-radius: 3px 0 0 3px;
									}
									
.prev:hover, .next:hover 			{		background-color: rgba(0, 0, 0, 0.8);
									}
									
.mySlides, .img 					{		margin-bottom: -4px;
									}
									
.demo 								{		opacity: 0.6;
									}

.active, .demo:hover 				{		opacity: 1;
									}
									
.footer 							{		width: 1872%;
											margin: 0 7px;
											position: fixed;
									}
								
.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: 25%;
       				 					flex: 25%;
        								max-width: 100%;
    							}
	
								
.heading							{		font-size: 16px;
											font-family: "Nurom ExtraBold";
											
									}
									
.brief								{		font-size: 11px;
											font-family: Nurom;
									}

									  }
								
@media screen and (max-width: 960px) {
	
.column							{		-ms-flex: 100%;
       				 					flex: 100%;
        								max-width: 100%;
    							}
								
.topnav.responsive 				{		position: relative;
										padding-top: 25px;
								}
								
.topnav.responsive a 			{		float: none;
    									display: block;
    									text-align: right;
  								}
								
.logo							{		-ms-flex: 75%;
       				 					flex: 75%;
        								max-width: 75%;
								}
								
.description					{		width: 250px;
										text-align: left;
								}
								
.heading							{		font-size: 18px;
											font-family: "Nurom ExtraBold";
											
									}
									
.brief								{		font-size: 13px;
											font-family: Nurom;
									}
									
@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;
  								}
								
.copyright						{		font-size: 9px;
								}

}