@charset "UTF-8";
/* CSS Document */

/* enlaces principales de sección */
		.ipv6onlyframes { 
    		display: grid;
    		grid-gap: 10px;
    		grid-template-columns: 1fr 1fr 1fr 1fr; 
    		margin: 15px auto;
    		padding: 0;
    		list-style: none;
			text-align:center;
		}
		.ipv6onlyframes li {
   			padding: 0;
		}
		.ipv6onlyframes img {
    		max-width: 100px;
			width: 100%;
			height: auto;
			margin:10px auto;
		}
		.ipv6onlyframes li a {
    		display: grid;
    		align-items: center;
    		justify-content: center;
    		width: 100%;
    		min-height: 250px;
    		padding: 10px 0;
    		border: 1px solid #fff;
    		border-radius: 15pt;
    		position: relative;
    		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    		background: rgba(0 0 0/3%);
    		color: #fff;
    		font-weight: bolder;
			font-size: 20pt;
			font-family: 'foundrymonolinebold',helvetica;
    		text-align: center;
			text-decoration: none;
		}
		.ipv6onlyframes li a:hover {
    		text-decoration: none;
    		color: #fff;
		}
		#framea{
			background-color:#009ACB;
		}
		#framea:hover{
			background-color: #00708E;
		}
		#frameb{
			background-color:#C32E1B;
		}
		#frameb:hover{
			background-color: #871819;
		}
		#framec{
			background-color:#F7A600;
		}
		#framec:hover{
			background-color: #DB6312;
		}
		#framed{
			background-color:#7BA02D;
		}
		#framed:hover{
			background-color: #5E7D2C;
		}

@media only screen and (max-width:380px) {
    .ipv6onlyframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr;
		}
	.ipv6onlyframes li a {
    		min-height: 160px;
		}
	.ipv6onlyframes img {
    		max-width: 60px;
		}
	.ipv6onlyframes li a {
    		font-size: 7pt;
		}
}
@media only screen and (max-width:480px) {
    .ipv6onlyframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr;
		}
	.ipv6onlyframes li a {
    		min-height: 160px;
		}
	.ipv6onlyframes img {
    		max-width: 60px;
		}
	.ipv6onlyframes li a {
    		font-size: 7pt;
		}
}
@media only screen and (max-width:740px) {
    .ipv6onlyframes { 
    		grid-gap: 5px;
    		grid-template-columns: 1fr 1fr 1fr 1fr;
		}
	.ipv6onlyframes li a {
    		min-height: 160px;
		}
	.ipv6onlyframes img {
    		max-width: 60px;
		}
	.ipv6onlyframes li a {
    		font-size: 7pt;
		}
}