CSS Nachhilfe

Liebe Wordpress Profis!

Bei meiner neuen Seite www.themomentscottage.com bin ich gerade dabei die Anzeige von Zitaten zu optimieren.
Ich möchte auf meiner Landing Page ein Zitat anzeigen.
Habe mir dafür einen CSS Code heruntergeladen und diesen eingebunden. Ein paar Dinge habe ich daran schon für mich verbessert.
Nun sind aber meine CSS Kenntnisse am Ende.
Könnt Ihr mir bitte bei folgenden beiden Themen helfen:

1.) Ich möchte den senkrechten Strich auf der linken Seite vom Zitat entfernen

2.) Ich möchte die Anzeige des Zitates auf einem Mobilgerät breiter machen, damit nicht so eine lange senkrechte Textwurst entsteht.

Hier der Code!

blockquote {
font-family: Isabel, serif; /* Georgia, serif; */
font-size: 18px;
font-style: italic;
width: 85%;
margin: auto; /* 0.25em 0; */
/* padding: 0.25em 40px; */
line-height: 1.45;
position: relative;
color: #ffffff;
background:#07689f;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -10px;
color: #ffffff;
}

blockquote cite {
color: #07689f;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";

Herzlichen Dank für Eure Tipps!

liebe Grüße, Pepi