/***************************************************************************/
/***********             CUSTOM CLASSES                 ********************/
/***************************************************************************/
body {
   height: 95dvh;
   min-width: 320px;
}

.img-background {
   width: 140px;
   height: 140px;
   padding: 1.4rem;
   overflow: hidden;
   border-radius: 50%;
   background-color: #eee;
}

.img-background img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.content h1 {
   font-size: clamp(3rem, 10vw, 5rem);
}

.content p {   
    font-size: clamp(0.9rem, 3vw, 1.4rem);
}

/***************************************************************************/
/***********       CLASSES CASCADED LAST          *************************/
/***************************************************************************/
.nodisplay {
   display: none !important;
}

/***************************************************************************/
/***********         RESPONSIVE MEDIA QUERIES     *************************/
/***************************************************************************/

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 375px) {
}