diff --git a/assets/css/mediasqueries/style.css b/assets/css/mediasqueries/style.css index bea9473..39e1fd9 100644 --- a/assets/css/mediasqueries/style.css +++ b/assets/css/mediasqueries/style.css @@ -67,12 +67,31 @@ } header > div img { - height: 450px; - width: 55%; - top: -75px; - left: 200px; + height: 454px; + width: 100%; + top: -214px; + left: 489px; border-radius: 30%; - } + } + + + h1 { + font-size: 12.1em; + position: relative; + } + + header > div > p { + text-align: left; + position: relative; + font-size: 2em; + margin-bottom: 10px; + top: -20px; + } + + header > div > a > button { + min-width: 245px; + margin-top: -14px; + } main { height: 800px; @@ -81,6 +100,7 @@ .testemual-container { display: flex; + height: 100%; flex-direction: row; align-items: center; justify-content: center; @@ -92,9 +112,10 @@ } .images { + display: block; height: 400px; width: 400px; - margin-left: 5px; + margin: auto; } hr { @@ -141,12 +162,12 @@ } .title-and-navagation-container > p { margin: 0px 20px 10px 20px; - font-size: 2.8em; + font-size: 1.8em; } .image-about { width: 50%; - margin: 20px 0px 20px 50px; + margin: 20px 0px 20px -20px; } .reservation-container { diff --git a/assets/css/mobilefirst/style.css b/assets/css/mobilefirst/style.css index a73d2b3..2b4e6d9 100644 --- a/assets/css/mobilefirst/style.css +++ b/assets/css/mobilefirst/style.css @@ -106,20 +106,6 @@ svg { margin-left: 10px; } -/* .about-hotel { - height: 500px; - background-color: rgb(104, 71, 71); - margin-top: 200px; -} */ - -/* .about-container { - display: flex; - height: 100%; - flex-direction: column; - justify-content: center; - align-items: center; -} */ - .image-about, .image-reservation { height: 350px; width: 100%; @@ -152,12 +138,6 @@ svg { margin: 20px auto; } -/* .about-hotel, .reservation { - height: 500px; - background-color: rgb(119, 55, 55); - margin-top: 200px; -} */ - .about-container, .reservation-container { display: flex; height: 100%;