@charset "UTF-8";

#bg-indx{background-image:url(_img/idx/bg-indx.jpg);}
#bg-indx .grid-10{margin-left:15%;}
#bg-indx h2{margin:2% 0 3% 0;font-size:250%;text-shadow: -1px -1px white, 1px 1px #333;text-align:center;}
#bg-indx h3{ display:block; padding:5% 2%; background-color:rgba(255,255,255,0.5); text-align:center; font-size:200%; border-radius:30px; color:#003A80; text-shadow:2px 1px #fff;font-family: 'fira_sansbold';}
#bg-indx h2,#bg-indx p{color:#fff;}
#bg-indx h4{text-align:center; margin-top:5%;color:#fff; font-size:500%;text-shadow: -1px -1px white, 1px 1px #333}
#prov{ padding:1% 0; margin:3% auto;}
#prov h2{ text-align:center; font-size:300%;  margin-bottom:1.5%;color:#888; text-transform:uppercase;font-family: 'fira_sansbold'; letter-spacing:1px;}
#prov img{ width:80%;padding:0 5%; margin:0 10%;}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
#bg-indx .grid-10{margin-left:9%;}
#bg-indx h2{font-size:210%; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
#bg-indx .grid-10{margin-left:0%; width:100%;}
#bg-indx h2{font-size:300%;}
#bg-indx h3{font-size:150%;}
#bg-indx h4{margin-top:2%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
#bg-indx .grid-10{margin-left:0%; width:100%;}
#bg-indx h2{font-size:300%;}
#bg-indx h3{font-size:250%;}
#prov div{ width:50%; float:left;}
}
@media only screen and (min-width: 480px) and (max-width: 619px) {
#bg-indx .grid-10{margin-left:0%; width:100%;}
#bg-indx h2{font-size:300%;}
#bg-indx h3{font-size:250%;}
#prov div{ width:50%; float:left;}
}
@media only screen and (max-width: 479px) {
#bg-indx .grid-10{margin-left:0%; width:100%;}
#bg-indx h2{font-size:300%;}
#bg-indx h3{font-size:250%;}
#bg-indx h4{font-size:250%;}
#prov div{ width:50%; float:left;}
}