@charset "utf-8";
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.conteudo-siga{width: 40%; margin-left: 30%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.6em;}   
.link-redes{width: 20%; margin-left: 40%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 50%; margin-left: 25%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.conteudo-siga{width: 50%; margin-left: 25%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.6em;}   
.link-redes{width: 30%; margin-left: 35%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 70%; margin-left: 15%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}    
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.conteudo-siga{width: 60%; margin-left: 20%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.6em;}   
.link-redes{width: 40%; margin-left: 30%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 80%; margin-left: 10%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}     
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.conteudo-siga{width: 70%; margin-left: 15%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.3em;}   
.link-redes{width: 50%; margin-left: 25%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 90%; margin-left: 5%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}       
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.conteudo-siga{width: 98%; margin-left: 1%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.2em;}   
.link-redes{width: 70%; margin-left: 15%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 98%; margin-left: 1%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}     
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.conteudo-siga{width: 98%; margin-left: 1%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; font-size: 1.2em;}   
.link-redes{width: 70%; margin-left: 15%; margin-bottom: 10px; padding: 10px 0px 10px 0px; background: #FFF; border-radius: 12px; text-align: center; text-decoration: none;} 
.link-redes:hover{color:#FFF; background-color: #02ADE5; box-shadow:#999 2px 3px 6px 2px;}
.conteudo-caixa{width: 100%; display: flex; font-size: 1.2em;}
.conteudo-caixa-img{width: 36%; text-align: right; margin-right: 2%;}
.icone-redes{width: 25px; height: 25px;}
.conteudo-texto2{width: 98%; margin-left: 1%; margin-bottom: 10px; padding: 10px 0px 10px 0px;  border-radius: 12px; text-align: center; font-size: 1em;}      
}