* {
  margin: 0;
  padding: 0;
  cursor: none;
  
}
.cursor {
  position: fixed;
  pointer-events: none;
  width: 32px;
  height: 32px;
  background-image: url('/img/cursors/cursor.gif');
  background-size: cover;
  z-index: 9999;
}

body {
color: white;
background: rgb(36, 44, 46);

min-height: 100vh;
margin: 0;
display: grid;
grid-template-rows: auto 1fr 10fr auto;
}

header {
  min-height: 50px;
  background: rgb(33, 59, 56);
}

main {

  padding: 10px;
}

footer {
background-color: #044648;
min-height: 50px;

padding: 25px;
text-align: center;
justify-content: center;
}



.titulo {
margin: 5px 5px 5px 5px;
padding: 10px 10px 10px 21px;
font-family: "Times New Roman", Verdana, Geneva, Tahoma, sans-serif;
font-weight: bolder;
font-size: 1em;
text-align:start;
}

.start {
text-align: start;
}

.center {
text-align: center;
}

.jc {
justify-content: center;
}
.titulos {
font-family:  Verdana, Geneva, Tahoma, sans-serif;
font-weight: bolder;
color: #24b1aa;
text-transform: capitalize;
margin: 15px 15px 0px 15px;
}


.fundoa{
background-color: #044648;
}

h1 {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 21px;
font-weight: bolder;
font-size: 2em;
color: #22aa71;
text-transform: capitalize;
}

h2 {
font-size: 1.8em;
font-weight: normal;
padding: 15px;
color: #EAFF5E;
text-transform: capitalize;
}

h3 {
font-weight: bolder;
font-size: 1.5em;
color: #EAFF5E;
text-transform: capitalize;
}

h4 {
text-indent: 1em;
color: #3f721f;
font-weight: bolder;
font-size: 1em;
text-transform: capitalize;
}

p {
text-indent: 2em;
font-size: 1.2em;
color: #E9FFCB; 
margin: 5px 5px 5px 5px;
padding: 2px 2px 2px 2px;
font-family:  Verdana, Geneva, Tahoma, sans-serif;
padding: 10px;
}


.buttonsTab {
background-color: #021f1b;
display: flex;
color: #2bc4a2;
justify-content: space-evenly;
}

button {
color: #2bc4a2;
margin: 5px 10px 5px 15px;
padding: 5px 35px 5px 15px;
background-color: #0d5f4b;
font-weight: bolder;
font-size: 1em;
border: none;
border-radius: 0 70px;
font-family:   Verdana, Geneva, Tahoma, sans-serif;
width: 130px;
height: 50px; 
text-align: center;
}



.icone {
float: left;
height: 150px; 
width: 150px;
margin: 0 5px 0 15px;
border-radius: 75px;
}

a {
text-decoration: none;
color: #2bc4a2;
font-family:   Verdana, Geneva, Tahoma, sans-serif;
font-weight: bold;
}




@media (max-width:768px){
.container .popup-image img{
 width: 95%;
 }
.titulo {
margin: 0px;
padding: 10px 10px 10px 21px;
text-align: center;
font-family: "Times New Roman", Verdana, Geneva, Tahoma, sans-serif;
font-weight: bolder;
font-size: 1.6em;
}
}