diff --git a/public/css/style.css b/public/css/style.css
index 97fd1fb..4cf1d69 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -23,6 +23,7 @@ div.header {display: block; position: absolute; top: 0px; left: 40px; z-index: 1
 div.header img {height: 89px;}
 div.add {cursor: pointer;}
 html body h4 {font-weight: bold;}
+a.randomPointAImg {float: left; margin: 0 15px 0 0;}
 
 .fotorama {display: inline-block;}
 div.fotorama__caption {text-align: left;font-size: 9px;margin-bottom: 5px;opacity: 0.6;}
@@ -163,3 +164,7 @@ img.imageInArticle {border: solid 3px white;max-width: 100%;}
         margin-bottom: 10px;
     }
 }
+
+@media screen and (max-width:400px) {
+	a.randomPointAImg {margin: 0 0 10px 0; display: block;width: 100%;text-align: center;}
+}
diff --git a/views/randomPoint.php b/views/randomPoint.php
index 191570c..7a761e6 100644
--- a/views/randomPoint.php
+++ b/views/randomPoint.php
@@ -2,8 +2,8 @@
 <!--noindex-->
 <div class="row">
 	<div class="col-md-12">
-		<a href="/point/<?= $randomPoint->id ?>" style="float: left; margin: 0 20px 0 0;"><img src="<?= $randomPoint->getImg() ?>" style="width: 200px;"/></a>
 		<h3 style="margin-top: 0;">Это интересно: <?= $randomPoint->name ?></h3>
+		<a href="/point/<?= $randomPoint->id ?>" class="randomPointAImg"><img src="<?= $randomPoint->getImg() ?>" style="width: 200px; height: 150px;"/></a>
 		<p>
 			<?= mb_substr($randomPoint->description, 0, 400, 'UTF-8') ?>…
 			<a class="" href="/point/<?= $randomPoint->id ?>" role="button"><nobr> читать далее »</nobr></a>