Add more rows to contact list

index.html

@@ -258,6 +258,7 @@
 			<h1>Na koho se obrátit</h1>
 			<p class="narrow text-center">Ve chvílích, kdy si nevíte rady, nebojte se obrátit na organizace a instituce, které se zabývají danou problematikou a mohou vám pomoct situaci vyřešit, případně s&nbsp;vámi prokonzultují jednotlivé kroky. Níže najdete tipy  na organizace, které vám poskytnout odbornou pomoc.</p>
 			<div class="contact-list">
+				<div class="row">
 					<div class="contact">
 						<div class="title">Linka pro rodinu a školu</div>
 						<p>Organizace, která pomáhá řešit náročné či nebezpečné situace ve škole i rodině.</p>
@@ -295,6 +296,33 @@
 						</div>
 					</div>
 				</div>
+				<div class="row">
+					<div class="contact">
+						<div class="title">Rodičovská linka</div>
+						<p>Místo, kde najdete krizovou pomoc a poradenství pro všechny, kteří se starají o děti.</p>
+						<div class="meta">
+							<div class="phone">
+								<a href="tel:606021021">606 021 021</a>
+							</div>
+							<div class="website">
+								<a href="https://www.rodicovskalinka.cz/" target="_blank">rodicovskalinka.cz</a>
+							</div>
+						</div>
+					</div>
+					<div class="contact">
+						<div class="title">Linka bezpečí</div>
+						<p>Spolek, který poskytuje pomoc dětem a studentům, kteří se dostaly do náročné životní situace.</p>
+						<div class="meta">
+							<div class="phone">
+								<a href="tel:116111">116 111</a>
+							</div>
+							<div class="website">
+								<a href="https://www.linkabezpeci.cz/" target="_blank">linkabezpeci.cz</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 		</section>
 		<section id="faq">
 			<div class="wrap">

sass/style.scss

@@ -676,11 +676,24 @@ body.noscroll {
 }
 
 .contact-list {
+	margin: 5rem 0 8rem 0;
+
+	.row {
 		display: flex;
 		flex-direction: column;
-	margin-top: 5rem;
+		justify-content: center;
+		align-items: center;
+	}
 
-	.contact {
+	.row:first-child .contact:first-child {
+		border-top: none;
+	}
+	.row .contact:first-child {
+		border-top: 1px solid $col-secondary;
+	}
+
+	.row .contact {
+		width: 100%;
 		padding: 3rem 0;
 		border-bottom: 1px solid $col-secondary;
 		flex: 1;
@@ -957,13 +970,19 @@ footer {
 		align-items: stretch;
 	}
 
-	.contact-list {
+	.contact-list .row {
 		flex-direction: row;
+		margin-bottom: 4rem;
 
 		.contact {
+			max-width: 25em;
 			padding: 0 3rem;
 			border-bottom: none;
 			border-right: 1px solid $col-secondary;
+
+			&:first-child {
+				border-top: none;
+			}
 		}
 	}