escolas.css

header {
background-color: rgb(61, 146, 146);
padding: 20px 0;
}

.caixa {
position: relative;
width: 740px;
margin: 0 auto;

}

.logo {
width: 35%;

}

nav{ 
 position: absolute; 
 top: 100px; 
 right: 0px; 
}

nav li {
display: inline;
margin: 0 0 0 15px;
}

nav a {
text-transform: uppercase;
color: black;
font-weight: bold;
font-size: 22px;
text-decoration: none;
}

nav a:hover {
    color: #C78C19;
    text-decoration: underline; 
}

.escolas {
    width: 1040px;
    margin: 0 auto;
    padding: 50px 0;
}

.escolas li {
    display: inline-block;
    text-align: center;
    width: 30%;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: 2px solid #000000;
    border-radius: 10px;
}

.escolas li:hover {
    border-color:#C78C19; 
}

.escolas li:active {
    border-color: #088C19;
}

.escolas h2 {
    font-size: 25px;
    font-weight: bold;
}

.escolas li:hover h2 {
    font-size: 35px; 
}


.escola-endereco { 
font-size: 18px;
}

.escolas-fone {
    font-size: 20px;
    font-weight: bold; 
    margin-top: 10px;
}
footer {
    text-align: center;
    background: url("background cinza.png");
    padding: 20px 0;
 }

 .rodape{
    width: 25%;
 }

 .copyright {
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    margin: 20px 0 0 ;
 }