div.menu {
		
		display: none;
}



	div.container {

		width:100%;
		height:500px;
		float: left;
		background-image:url("../img/.png");
		background-repeat: no-repeat;
		background-size: contain;
		padding-bottom: ;
		position: ;
}	

	div.column1 {

		width:48%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
}

	div.column1a {

		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: center;
}

	div.column2 {

		width:48%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column2a {

		position: absolute;
		top: 50%;
		left: 38%;
		transform:translate(-35%, -50%);
		text-align: left;
}

	div.column3 {

		width:48%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column4 {

		width:48%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

	div.column5 {
		
		width:48%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

	div.column6 {

		width:48%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column7 {

		width:48%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column8 {

		width:48%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

div.column1b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
}

	div.column2b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;

}

	
	div.column3b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;

}

	div.column4b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;

}

	div.column6b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;

}

	div.column5b {

		width:31.3%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;

}

	div.backpage {

		height: 800px;

}


	div.backpage_text1 {

		width:80%;
		top:25%;
	
		
		
	
	
}

	div.footer {
		height: 300px;
}

	div.created {

		width: 100%;
		height:150px;
		float: left;
		top: ;
		background-color: #000000;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		display: inline-block;
}
	
	div.menu {
		width:0%;
}

	div.logo {
		width: 33.3%;
		float: left;
    		background-color: #ffffff;
				
}
	
	div.contacts {
		width:33.3%;
		float: left;
		background-color: #ffffff;
}

	div.sandwichmenu {
		width: 33.3%;
		float: left;
		margin-top:1%;
		background-color: #ffffff;
		
}

/* The side navigation menu */

	div.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #FFFFFF;
		opacity: 0.9;
		overflow-x: auto;
		transition: 0.5s;
		padding-top: 60px;
		text-align:relative;
}

/* The navigation menu links */

	div.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #808080;
		display: block;
		transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */

	div.sidenav a:hover{
		color: #151b54;
}

/* Position and style the close button (top left corner) */

	div.sidenav .closebtn {
		position: absolute;
		top: 0;
		left: 0px;
		font-size: 50px;
		margin-left: 0px;
}


/* Mobile Menu */

	div.hl {
		width: 90%;
		height: 0px;
		border: 0.5px solid #808080;
		margin: 1px;
		display:inline-block;
		
}

	p23 {
		
		font-weight: 800;
		font-size: 16px;
		float: center;
		margin-left:;
		margin-top:;
		color: #0a0c0c;
}


/*About Us*/

	div.dropdown1 {
  		float: center;
  		overflow: hidden;
		
}


	div.dropdown1 .dropbtn1 {
  		cursor: pointer;
  		font-size: 16px;  
  		border: none;
  		outline: none;
  		color: ;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: ;
}


	div.navbar a:hover, .dropdown1:hover 	.dropbtn1, 	.dropbtn1:focus {
  		background-color: ;
}

	div.dropdown-content1 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content1 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content1 a:hover {
  		background-color: #ddd;
}

	div.show1 {
  		display: block;
}

/*Settings*/

	div.dropdown2 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown2 .dropbtn2 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown2:hover .dropbtn2, 		.dropbtn2:focus {
  		background-color: ;
}

	div.dropdown-content2 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content2 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content2 a:hover {
  		background-color: #ddd;
}

	div.show2 {
  		display: block;
}

/*Supplies*/


	div.dropdown3 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown3 .dropbtn3 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown3:hover .dropbtn3, 		.dropbtn3:focus {
  		background-color: ;
}

	div.dropdown-content3 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content3 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content3 a:hover {
  		background-color: #ddd;
}

	div.show3 {
  		display: block;
}

/*IT Support*/

	div.dropdown4 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown4 .dropbtn4 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown4:hover .dropbtn4, 		.dropbtn4:focus {
  		background-color: ;
}

	div.dropdown-content4 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content4 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content4 a:hover {
  		background-color: #ddd;
}

	div.show4 {
  		display: block;
}

/*Networking*/

	div.dropdown5 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown5 .dropbtn5 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown5:hover .dropbtn5, 		.dropbtn5:focus {
  		background-color: ;
}

	div.dropdown-content5 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content5 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content5 a:hover {
  		background-color: #ddd;
}

	div.show5 {
  		display: block;
}

/*Helpdesk*/

	div.dropdown6 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown6 .dropbtn6 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown6:hover .dropbtn6, 		.dropbtn6:focus {
  		background-color: ;
}

	div.dropdown-content6 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content6 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content6 a:hover {
  		background-color: #ddd;
}

	div.show6 {
  		display: block;
}

/*Remote Connection*/

	div.dropdown7 {
  		float: center;
  		overflow: hidden;
}

	div.dropdown7 .dropbtn7 {
  		cursor: pointer;
  		font-size: 16px;  
 		border: none;
  		outline: none;
  		color: white;
  		padding: 14px 16px;
  		background-color: inherit;
  		font-family: inherit;
  		margin: 0;
}

	div.navbar a:hover, .dropdown7:hover .dropbtn7, 		.dropbtn7:focus {
  		background-color: ;
}

	div.dropdown-content7 {
  		display: none;
  		position: center;
  		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
}

	div.dropdown-content7 a {
  		float: none;
  		color: black;
  		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
}

	div.dropdown-content7 a:hover {
  		background-color: #ddd;
}

	div.show7 {
  		display: block;
}

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

	div.backpage {

		height: 900px;
}

}

@media screen and (max-width: 455px) {
	
	p9 {
		font-size: 8px;
}

	p10 {
		font-size: 8px;
}

	p11 {
		font-size: 20px;
		margin-top: 5%;
}

	p12 {
		font-size: 90%;
}

	p24 {
		font-size: 5px;
	}

	div.sandwichmenu {
		width: 25%;
}


	div.contacts {
		width:20%;
		float: right;
}
						
}

@media screen and (max-width: 440px) {

	div.backpage {

		height: 1000px;
}

}

@media screen and (max-width: 390px) {

	div.backpage {

		height: 1100px;
}

	p12 {
		font-size: 85%;
}


	p21 {
		font-size: 10px;
	
}

	p22 {
		font-size: 13px;
}

	div.logo img {
		
		width: 100%;
		height: auto;
		}

}