/* Use "Inspecionar" do navegador para determinar o elemento desejado */

#title {}
#head img {
    border-radius: 15px; /* Arredonda as bordas da imagem dentro de #head */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Efeito de sombreamento 3D */
    width: 840px;  /* largura do banner*/
}

/* Opcional: Adiciona uma classe específica para ajustar a imagem sem alterar o estilo geral */
#head img.custom-style {
    border-radius: 10px; /* Mude para um valor menor, se necessário */
    box-shadow: none; /* Remove o sombreamento, se preferir */
}

#side-menu {}
#content {}
#side-bar {}
#inscreva {}
#parceiros {}

/* Caso queira responsividade, coloque nas seções correspondentes */

/* Smartphones na vertical */
@media (min-width:320px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar #inscreva > p {
   background: linear-gradient(to bottom, #174567, #634b3e); /* Cor de fundo do botão */
    color: #fff; /* Cor do texto */
    padding: 20px 30px; /* Tamanho ajustado do botão */
    font-size: 14px; /* Tamanho do texto */
    cursor: pointer; /* Ícone de "mãozinha" ao passar o mouse */
    border-radius: 5px; /* Bordas arredondadas */
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); /* Sombra para criar efeito 3D */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Transição suave */
    max-width: 120px; /* Define uma largura máxima ajustada */
    text-align: center; /* Centraliza o texto dentro do botão */
    margin-top: 20px; /* Espaçamento acima do botão */
}

/* Efeito ao passar o mouse por cima */
#side-bar #inscreva > p:hover {
    background-color: #be7c55; /* Cor do botão ao passar o mouse */
    transform: scale(1.05); /* Aumenta ligeiramente o botão */
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4); /* Aumenta a sombra ao passar o mouse */
}

	#parceiros {}
}

/* Tables na vertical e Smartphones na horizontal */
@media (min-width:481px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Tables na horizontal  */
@media (min-width:641px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Notebook pequenos */
@media (min-width:961px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Notebook grandes e monitores pequenos */
@media (min-width:1025px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}

/* Monitores grandes */
@media (min-width:1281px) {
	#title {}
	#head {}
	#side-menu {}
	#content {}
	#side-bar {}
	#inscreva {}
	#parceiros {}
}