@charset "utf-8";

.articlesExames {
	position: relative;
	left: 0%;
	right: 0%;
	margin: auto;
	width: 70%;
	max-width: 640px;
}

#articleTomografia {
	top: 12%;
}

#articlePanoramica {
	top: 16%;
}

#articlePeriapical {
	top: 20%;
}

#articleEscaneamento {
	top: 24%;
}

#articleAlinhadores {
    top: 28%;
}

.spansNomesExames {
	padding-left: 3%;
	font-size: 1.5rem;
}

#imgTomografia, #imgPanoramica, #imgPeriapical, #imgEscaneamento, #imgAlinhadores {
	margin-top: 3%;
	width: 100%;
}

.sectionsExames {
	margin-top: 3%;
	padding: 0% 3%;
	column-count: 2;
    
    display: none;
}

.spansComplementos {
    margin-left: 3%;
}



/* Mobile */
@media (max-width: 500px), (max-device-width: 500px) {
    
    .articlesExames {
        width: 100%;
        max-width: none;
    }
    
    .sectionsExames {
        column-count: 1;
        padding: 0% 6%;
    }
    
    #articleTomografia, #articlePanoramica, #articlePeriapical, #articleEscaneamento, #articleAlinhadores {
        top: 0%;
        margin-top: 8%;
    }
    
    .spansNomesExames {
        margin: 3% 0% 0% 4%;
    }
    
    .spansComplementos {
        margin-left: 7%;
    }
    
}

@media (max-width: 500px) {
    
    footer {
        top: 6% !important;
    }
    
}



@media (max-device-width: 500px) {
    
    .sectionsExames {
        
        padding-bottom: 5%;
        font-size: 2.5rem;
    }
    
    .spansNomesExames {
        font-size: 3.5rem;
    }
    
    .spansComplementos {
        font-size: 2.5rem;
    }
    
    footer {
        top: 15% !important;
    }
    
}