h1
{
font-size:4rem;
font-family:"Trebuchet MS",sans-serif;
color:orange;
}

p
{
color:gray;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}
	


h2
{
color:orange;
font-size:1.4rem;
font-family:"Trebuchet MS",sans-serif;
}

ul
{
font-size:1.2rem;
}

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:60px;
width:600px;
transform:translate(0%,200%);
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}

 	.call-us:hover
	{
	background-color:#313333;	
	}


.window-film
{
height:800px;
width:100%;
background-image:url("images/homepage-background.webp");
background-size:100% 100%;
}

.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:column;
height:800px;
width:1200px;
margin:0px auto;
}


.window-film-header
{
display:flex;
justify-content:center;
height:160px;
width:900px;
margin:0px auto;
}


.window-film-pix
{
display:flex;
align-items:center;
justify-content:center;
height:40px;
width:900px;
}



.window-film-sect
{
height:500px;
width:1200px;
margin:auto;
}


.security-benifits
{
height:600px;
width:100%;
margin:0px auto;
background-color:#313333;

}

.window-security-benifits
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:600px;
width:1200px;
margin:0px auto;
}



.security-image
{
height:400px;
width:400px;
}

	.security-image img
	{
	height:100%;
	width:100%;
	}

.security-text
{
height:600px;
width:600px;
}



.crawls
{
height:120px;
width:100%;
background-color:#313333;
}

.internal-links
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:60px;
width:1200px;
margin:40px auto;
}

.links
{
display:flex;
align-items:center;
justify-content:center;
height:50px;
width:280px;
background-color:orange;
border:3px solid white;
}
	.links p
	{
	color:white;
	}







/*MOBILE*/
@media screen and (max-width:767px){



h1
{
font-size:2rem;
font-family:"Trebuchet MS",sans-serif;
color:orange;
}

p
{
color:gray;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

h2
{
color:orange;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

ul
{
font-size:1.2rem;
}

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
height:60px;
width:400px;
gap:5px;
transform:translate(0%,40%);
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}

 	.call-us:hover
	{
	background-color:#313333;	
	}


.window-film
{
height:800px;
width:100%;
background-image:url("images/homepage-background.webp");
background-size:100% 80%;
background-color:#313333;
background-repeat:no-repeat;
}

.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:400px;
margin:0px auto;
}


.window-film-header
{
display:flex;
justify-content:center;
height:80px;
width:400px;
margin:0px auto;
transform:translate(0%,120%);
}

.window-film-pix
{
display:flex;
align-items:center;
justify-content:center;
height:40px;
width:900px;
}



.window-film-sect
{
height:500px;
width:400px;
margin:auto;
}
	

.security-benifits
{
height:1100px;
width:100%;
margin:0px auto;
background-color:#313333;
}

.window-security-benifits
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:1100px;
width:400px;
margin:0px auto;
}



.security-image
{
height:400px;
width:400px;
}

	.security-image img
	{
	height:100%;
	width:100%;
	}

.security-text
{
height:600px;
width:400px;
}


.crawls
{
height:400px;
width:100%;
background-color:#313333;
}

.internal-links
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
height:300px;
width:400px;
margin:0px auto;
}

.links
{
display:flex;
align-items:center;
justify-content:center;
height:50px;
width:280px;
background-color:orange;
border:3px solid white;
}
	.links p
	{
	color:white;
	}
}


/*TABLE*/
@media screen and (min-width:767px) and (max-width:1024px){

h1
{
font-size:2.4rem;
font-family:"Trebuchet MS",sans-serif;
color:orange;
}

p
{
color:gray;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

h2
{
color:orange;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

ul
{
font-size:1.2rem;
}

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
height:60px;
width:400px;
gap:5px;
transform:translate(0%,40%);
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}

 	.call-us:hover
	{
	background-color:#313333;	
	}


.window-film
{
height:800px;
width:100%;
background-image:url("images/homepage-background.webp");
background-size:100% 80%;
background-color:#313333;
background-repeat:no-repeat;
}

.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:400px;
margin:0px auto;
}


.window-film-header
{
display:flex;
justify-content:center;
height:80px;
width:400px;
margin:0px auto;
transform:translate(0%,120%);
}

.window-film-pix
{
display:flex;
align-items:center;
justify-content:center;
height:40px;
width:900px;
}



.window-film-sect
{
height:500px;
width:400px;
margin:auto;
}
	

.security-benifits
{
height:1100px;
width:100%;
margin:0px auto;
background-color:#313333;
}

.window-security-benifits
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:1100px;
width:400px;
margin:0px auto;
}



.security-image
{
height:400px;
width:400px;
}

	.security-image img
	{
	height:100%;
	width:100%;
	}

.security-text
{
height:600px;
width:400px;
}



.crawls
{
height:400px;
width:100%;
background-color:#313333;
}

.internal-links
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
height:300px;
width:400px;
margin:0px auto;
}

.links
{
display:flex;
align-items:center;
justify-content:center;
height:50px;
width:280px;
background-color:orange;
border:3px solid white;
}
	.links p
	{
	color:white;
	}
}


/*PC*/
@media screen and (min-width:1025px) and (max-width:1440px){



h1
{
font-size:2.6rem;
font-family:"Trebuchet MS",sans-serif;
color:orange;
}

p
{
color:gray;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

h2
{
color:orange;
font-size:1.2rem;
font-family:"Trebuchet MS",sans-serif;
}

ul
{
font-size:1.2rem;
}

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
height:60px;
width:400px;
gap:5px;
transform:translate(0%,40%);
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:orange;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}

 	.call-us:hover
	{
	background-color:#313333;	
	}


.window-film
{
height:800px;
width:100%;
background-image:url("images/homepage-background.webp");
background-size:100% 80%;
background-color:#313333;
background-repeat:no-repeat;
}

.window-film-main
{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:900px;
margin:0px auto;
}


.window-film-header
{
display:flex;
justify-content:center;
height:100px;
width:900px;
margin:0px auto;
transform:translate(0%,120%);
}

.window-film-pix
{
display:flex;
align-items:center;
justify-content:center;
height:40px;
width:900px;
}



.window-film-sect
{
height:500px;
width:400px;
margin:auto;
}
	

.security-benifits
{
height:1100px;
width:100%;
margin:0px auto;
background-color:#313333;
}

.window-security-benifits
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:1100px;
width:400px;
margin:0px auto;
}



.security-image
{
height:400px;
width:400px;
}

	.security-image img
	{
	height:100%;
	width:100%;
	}

.security-text
{
height:600px;
width:400px;
}


.crawls
{
height:200px;
width:100%;
background-color:#313333;
}

.internal-links
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:center;
justify-content:center;
height:120px;
width:800px;
margin:0px auto;
gap:10px;
}

.links
{
display:flex;
align-items:center;
justify-content:center;
height:50px;
width:280px;
background-color:orange;
border:3px solid white;
}
	.links p
	{
	color:white;
	}
}