html { 
background-color: white;

 }
 body { font-family: Arial;
  }


footer {
	 
}
 .ent { background-color: orange;
 padding: 30px;
 font-size: 50px;
 font-family: Arial;

 }
 
@media (min-width: 601px) {
	.containerprincipal{
background-image: linear-gradient(to top, #09203f 0%, #537895 100%)!important;
   _background:#01395e url(img/assets/bg-shapes.svg) no-repeat 0% 50% / cover!important;

display: grid;
grid-template-columns: 1fr;
grid-template-areas: "conta_" 
					 "contb_" 
					 "contc_"
					 ;
grid-template-rows:195px; 

}
.conta{ 

display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows:100px; 
height: 5px;
grid-area: conta_;
background-image: linear-gradient(to top, #09203f 0%, #537895 100%)!important;
   _background:#01395e url(img/assets/bg-shapes.svg) no-repeat 0% 50% / cover!important;
}

.cola { 

text-decoration-color: white;
font-weight: bolder;
padding: 10px; 
z-index: 2;
}
.colb { 

text-decoration-color: white;
font-weight: bolder;
padding: 10px; 
z-index: 2;
}
.colc { 

text-decoration-color: white;
font-weight: bolder;
padding: 10px; 
z-index: 2;} .colc img{max-width:60px; float:left ;margin-right:120px;}	
.contb{


font-weight: bolder;
height: 25px;
grid-area: contb_;

}
.contc{
background-image: linear-gradient(to top, #09203f 0%, #537895 100%)!important;
   _background:#01395e url(img/assets/bg-shapes.svg) no-repeat 0% 50% / cover!important;

grid-area: contc_;	
}.contc img{max-width:58px; float:center ;margin:1px;
}	
	
.contd{
background-color: black;
height: 40px;

}

span.text-white { color: white; }
span.text-red {
	color: white; 
}

.debut{display: block;
		float: right;

}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: violet;
  background-color: transparent;
  text-decoration: underline;
 

}
a:active {
  color: orange;
  background-color: transparent;
  text-decoration: underline;
}
}





@media (max-width: 600px) {
 footer { background-color: blue; background: #efefef; }


.containerprincipal{
background-color: blue;
border: 10x dashed blue;

}
.contd{
background-color: black;
height: 40px;
text-align: center;
padding-top: 0.05px;

}
span.text-white { color: white; }
span.text-red {
	color: white; 
}

 #site-header {
	position: relative;
	max-width: 100px;
}

.site-header {
	background: #fff url(icons/header-gradian.png) repeat-y top right;
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
	height: 120px;
}

.site-description {
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}

.site-description {
		display: block;
		margin: -80px 0 0 110px;
	}

	.site-description:empty {
		margin: 0;
	}

.debut{display: block;
		float: right;

}


}


@media (max-width: 1180px)

{ 
	.site-description {
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1;
}

.site-description {
		display: block;
		margin: -80px 0 0 110px;
	}

	.site-description:empty {
		margin: 0;
	}

 }

 @media (max-width: 790px)

{ 
	.site-description {
	font-size: 0.6em;
	font-weight: 400;
	line-height: 1;
}

.site-description {
		display: block;
		margin: -80px 0 0 110px;
	}

	.site-description:empty {
		margin: 0;
	}

 }

 @media (max-width: 600px)

{ 
	
	.site-description {
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}
.site-description {
		display: block;
		margin: -80px 0 0 110px;
	}

	.site-description:empty {
		margin: 0;
	}
.contd{
background-color: black;
height: 50px;

}
 }
 @media (max-width: 194px)

{ 



.cola img{max-width:60px; float:center ;margin:0 1.5px;}	
	.site-description {
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}
.cola{
	height: 180px;
}

.cola,.colb,.colc,.contb,.contd { font-size: 0.5em;
	font-weight: 400;
	line-height: 1;
 }
.site-description {
		display: block;
		margin: -80px 0 0 50px;
	}

	.site-description:empty {
		margin: 0;
	}

 
 .contd{
background-color: black;
height: 100px;

}}

@media (max-width: 109px)

{ 



.cola img{max-width:60px; float:center ;margin:0 1.5px;}	
	.site-description {
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}
.cola{
	height: 200px;
}

.cola,.colb,.colc,.contb,.contd { font-size: 0.4em;
	font-weight: 400;
	line-height: 1;
 }
.site-description {
		display: block;
		margin: -80px 0 0 50px;
	}

	.site-description:empty {
		margin: 0;
	}

 
 .contd{
background-color: black;
height: 100px;

}}
