.single-blog{ width: 100%; margin: 75px 0px; &__right{ width: 50%; height: 100%; align-items: flex-start; padding-left: 15%; h1{ font-family: numeralBold; color: #1bbc6e; font-size: calc(100vw / 45); text-align: justify; } p{ font-family: numeralLight; font-size: calc(100vw / 110); text-align: justify; margin-top: 15px; color: #a5a5a5; } a{ font-family: numeralMedium; align-self: flex-end; padding: 8px 12px; color: #1bbc6e; text-decoration: none; border-radius: 5px; border: 1px solid #1bbc6e; margin-top: 20px; &:hover{ color: #1bbc6e; } } } &__left{ width: 50%; height: 100%; img{ width: 100%; height: 100%; border-radius: 20px; } } }