Post Title on Mobile View Cut Off(Canard)

Hi everyone,

I’m using the Canard theme, and on the mobile view the titles for individual posts (non-featured) on the homepage are cutting off when they are too long. I’d like the titles to be displayed in their entirety, even if they have to be dropped down to a second line. I was thinking the margins for the titles should be in line with the margins for the text below them. How would I do this?

I’m somewhat new to this, so for reference, this is the additional code I have on the site so far:

.site-info{
display:none;
}
/* Remove sidebar on Canard theme */
#main {
width: 100%;
border: none;
}
#main .entry-header {
width: 900px;
}
#secondary {
display: none;
}
.page .content-wrapper {
padding-left: 60px;
}

@media screen and (min-width: 960px) {
.comments-area {
margin-right: 0;
}
}

@media screen and (min-width: 1380px) {
.entry-footer {
width: 100%;
float: right;
}
.entry-content {
width: 100% !important;
}
}
.site-title {
color: black;
}
html,
body {
overflow-x: hidden;
}

.entry-content p:first-child:first-of-type:first-letter {
font-size: 110px;
line-height: 50px;
padding-top: 20px;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 0px;
color: #d11415;
float: left;
text-shadow: 1px 1px 1px #aaa;
}
.site-main a:link {
font-weight: 400;
}

The page I need help with: [log in to see the link]