@charset "utf-8";
/* CSS Document */
@media (min-width: 300px) and (max-width: 3630px) and (orientation: landscape){

    body {
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(31,31,31,1.00);
    font-family: 'Noto Sans';
    font-weight: 400;
    font-style: normal;
    }
    a {
        color: inherit;
        text-decoration: inherit;
    }
    a:hover {
        color: inherit;
        text-decoration: inherit;
    }
    a:visited {
        color: inherit;
        text-decoration: inherit;
    }
    h1{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h2{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h3{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h4{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h5{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }
    h6{
        color: inherit;
        text-decoration: inherit;
        margin: 0%;
        padding: 0%;
        font-size: inherit;
    }	
	img {
		margin: 0%;
		padding: 0%;
		display: block;
	}
	
	#learn-more-1{
    color: rgba(215,0,125,1.00);
    text-shadow: -1px 1px 3px black;
		padding: 1%;
		border-radius: 9px;
    border-bottom: rgba(241,0,97,1.00) thin solid;
	background-color: rgba(0,58,120,0.45);
    transition: ease-in-out 0.5s;
		font-size:120%;
	}
	#learn-more-1:hover{
    color: rgba(255,99,190,1.00);
    text-shadow: -1px 1px 3px black;
		background-color: rgba(0,58,120,0.90);
    border-bottom: rgba(241,0,97,1.00) thin solid;
    transition: ease-in-out 0.5s;
		font-size:120%;
	}
	#learn-more-2{
    color: rgba(215,0,125,1.00);
    text-shadow: -1px 1px 3px black;
		padding: 1%;
		border-radius: 9px;
    border-bottom: rgba(241,0,97,1.00) thin solid;
	background-color: rgba(120,0,48,0.45);
    transition: ease-in-out 0.5s;
		font-size:120%;
	}
	#learn-more-2:hover{
    color: rgba(255,99,190,1.00);
    text-shadow: -1px 1px 3px black;
		background-color: rgba(120,0,48,0.90);
    border-bottom: rgba(241,0,97,1.00) thin solid;
    transition: ease-in-out 0.5s;
		font-size:120%;
	}
	
	
	#header{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: rgba(31,31,31,1.00);
		position: fixed;
		top: 0px;
		
	}
	#main-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%;
		padding: 0%;
		background-image:url("images/gamingComputer.jpeg");
		background-size: cover;
		background-attachment: fixed;
		background-position:center;
	}
	#footer{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	#business-info{
		clear: none;
		float: left;
		width: 100%;
		margin: 1%0%;
		
	}
	#footer-logo{
		clear: none;
		float: left;
		width: 9%;
		margin: 0% 45%;
		text-align: center;
	}
	#footer-business-info{
		clear: none;
		float: left;
		width: 30%;
		margin: 0% 33%;
		text-align: center;
		color: rgba(150,0,2,1.00);
	}
	
	
	
	#business-logo{
		clear: none;
		float: left;
		width: 6%;
		margin: 1%;
		padding: 0%;
		text-align: center;
	}
	#business-name{
    clear: none;
    float: left;
    width: 60%;
    margin: 2% 1% 0% 1%;
    padding: 0%;
    
    font-size: 300%;
    color: rgba(247,6,10,1.00);
    text-shadow: 0px 0px 9px rgba(239,4,4,1.00);
		border-bottom: rgba(120,1,3,1.00) thin solid;
	}
	
	#menu{
		clear: none;
		float: left;
		width: 60%;
		margin: 1% 6%;
	}
	#menu-button-current{
    clear: none;
    float: left;
    margin: 0% 0% 1% 1%;
    padding: 0.5% 1%;
    background-color: rgba(166,4,60,1.00);
    border: thin solid rgba(166,4,60,1.00);
    border-radius: 20px;
    box-shadow: -1px 1px 9px rgba(166,4,60,1.00);
    text-shadow: -1px 1px 9px rgba(253,3,90,1.00);
    color: rgba(31,31,31,1.00);
    transition: ease-in-out 0.5s;
	}
	#menu-button{
		clear: none;
		float: left;
		margin: 0% 0% 1% 1%;
		padding: 0.5% 1%;
		background-color: inherit;
		border: rgba(166,4,60,1.00) thin solid;
		border-radius: 20px;
		box-shadow:  -1px 1px 6px rgba(166,4,60,1.00);
		text-shadow:  -1px 1px 3px rgba(166,4,60,1.00);
		color: rgba(166,4,60,1.00);
		transition: ease-in-out 0.5s;
	}
	#menu-button:hover{
    clear: none;
    float: left;
    margin: 0% 0% 1% 1%;
    padding: 0.5% 1%;
    background-color: rgba(208,5,75,1.00);
    border: thin solid rgba(166,4,60,1.00);
    border-radius: 20px;
    box-shadow: -1px 1px 12px rgba(233,3,83,1.00);
    text-shadow: -1px 1px 9px rgba(253,3,90,1.00);
    color: rgba(31,31,31,1.00);
    transition: ease-in-out 0.5s;
	}
	
	
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	/*=============HOME==========================*/
	
	#banner-message-computer-repair{
		clear: none;
		float: left;
		width: 94%;
		font-size: 200%;
		padding: 3%;
		background-color: rgba(120,0,48,0.58);
		color: aliceblue;
		text-align: center;
	}
	
	
	
	#computer-repair-services-banner{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(0,58,120,0.58);	
	transition: ease-in-out 0.5s;
	}
	#computer-repair-services-banner:hover{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(0,58,120,1.00);	
	transition: ease-in-out 0.5s;
	}
	#computer-repair-service-image{
		clear: none;
		float: left;
		width: 45%;
		text-align: center;
		margin: 0%;
		padding: 0%;
		z-index: 0;
	}
	#computer-repair-service-content{
		clear: none;
		float: left;
		width: 45%;
		margin: 0%;
		padding: 0%;
	}
	#computer-repair-services-title {
    clear: none;
    float: left;
    width: 96%;
    margin: 12% 1% 1% 1%;
    padding: 1%;
    border-bottom: rgba(183,0,56,1.00) thin solid;
    font-size: 300%;
    color:  aquamarine;
		background-color: rgba(0,58,120,0.30);
		border-radius: 21px;
	}
	#computer-repair-services-description{
		clear: none;
		float: left;
		width: 60%;
		margin: 0% 3% 0% 3%;
		font-size: 201%;
		font-weight: bolder;
		color: aquamarine;
	}
	
	#business-services{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: aliceblue;
	}
	#business-services-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 3% 0%;
		text-align: center;
		
		
	}
	#business-services-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 3% 0%;
		font-size: 600%;
		text-align: center;
		color: inherit;
		
	}
	
	#business-services-on-site-repairs{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%3%3%15%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: white;
		color: inherit;
		border-radius: 0px;
		transition: ease-in-out 0.5s;
	}
	#business-services-on-site-repairs:hover{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%3%3%15%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: rgba(225,0,63,1.00);
		color:aliceblue;
		border-radius: 21px;
		transition: ease-in-out 0.5s;
	}
	#business-services-networks{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: white;
		color: inherit;
		border-radius: 0px;
		transition: ease-in-out 0.5s;
	}
	#business-services-networks:hover{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: rgba(225,0,63,1.00);
		color: aliceblue;
		border-radius: 21px;
		transition: ease-in-out 0.5s;
	}
	#business-services-data-recovery{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: white;
		color: inherit;
		border-radius: 0px;
		transition: ease-in-out 0.5s;
	}
	#business-services-data-recovery:hover{
		clear: none;
		float: left;
		width: 18%;
		margin: 3%;
		padding: 1%;
		border: rgba(225,0,63,1.00) thin solid;
		font-size: 210%;
		background-color: rgba(225,0,63,1.00);
		color: aliceblue;
		border-radius: 21px;
		transition: ease-in-out 0.5s;
	}
	#business-services-and-more{
		clear: none;
		float: left;
		width: 100%;
		margin: 3% 0%;
		text-align: center;
		font-size: 210%;
		color: black;
		transition: ease-in-out 0.5s;
		
	}
	/*#business-services-and-more:hover{
		clear: none;
		float: left;
		width: 60%;
		margin: 3% 21%;
		text-align: center;
		font-size: 210%;
		background-color: rgba(255,63,147,1.00);
		color: aliceblue;
		transition: ease-in-out 0.5s;
		
	}*/
	
	
	
	#computer-products-banner{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: rgba(120,0,48,0.58);		
	}
	#computer-products-image{
    clear: none;
    float: left;
    width: 55%;
    text-align: center;
    margin: 0%;
    padding: 0%;
    z-index: 0;
	}
	#computer-products-content{
		clear: none;
		float: left;
		width: 45%;
		margin: 0%;
		padding: 0%;
	}
	#computer-products-title {
    clear: none;
    float: left;
    width: 96%;
    margin: 6% 1% 1% 1%;
    padding: 1%;
    border-bottom: rgba(183,0,56,1.00) thin solid;
    font-size: 300%;
    color: rgba(255,127,150,1.00);
    background-color: rgba(120,0,48,0.58);
    border-radius: 21px;
	}
	#computer-products-description{
		clear: none;
		float: left;
		width: 60%;
		margin: 0% 3% 0% 3%;
		font-size: 201%;
		font-weight: bolder;
		color: rgba(255,127,150,1.00);
	}
	
	
	
	
	
	
	
}