* {
    box-sizing: border-box;
}

body,html {
margin:0;
}

h1 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5vw;
letter-spacing: 0.5px;
	font-family: Georgia, 'Times New Roman', Times, serif;

}
@media screen and (max-width: 1200px) {
  h1 {
font-size: 20px;
font-weight: bold;
}
}


   .colortext {
     color: red;
   }



.card {
width: 100%;
	display: block;
}

.card h2 {
text-align: center;
font-size: 18px;
}
.card p {
text-align: left;
padding: 20px;
font-size: 1.1vw;

}
@media screen and (max-width: 1200px) {
.card p {
padding: 20px;
font-size: 15px;

}

}