/home/awneajlw/www/amanhouse.com.pk/asset/style/about.css
*{
padding:0px;
margin:0px;
}
body{
width:auto;
height:auto;
}
#wrapper{
width:100%;
height:auto;
overflow-x:hidden;
}
/* Navbar */
.navbar{
background:#202020;
margin:0 50px -30px 50px;
}
.navbar-collapse{
background:#202020;
transition: all .4s ease-in-out;
}
.navbar-collapse a{
color:red;
border-bottom:solid #202020 1px;
margin:0 25px;
font-size:18px;
}
.navbar-collapse a:hover{
color:#00CC00;
border-bottom:solid #00CC00 1px;
transition: all .4s ease-in-out;
}
.navbar-collapse a:active{
color:green;
background:white;
}
.navbar-toggler{
color:black;
border:solid black 1px;
border-radius:15%;
padding:5px 7px;
}
.navbar-toggler:hover{
background:black;
color:white;
}
/* Header-section */
#header-sec{
width:100%;
height:auto;
padding:30px 0;
}
#header-sec .container{
display:flex;
justify-content:space-around;
align-items:center;
}
#header-sec .box-1{
display:flex;
}
#header-sec img{
width:150px;
height:100px;
}
#header-sec h1{
color:red;
font-size:43px;
padding:2px;
margin-top:25px;
font-family:arial;
font-weight:bold;
line-height:27px;
}
#header-sec h6{
padding:1px;
}
#header-sec small{
font-size:18px;
color:black;
}
#header-sec sup{
font-size:20px;
margin:0 2px;
}
/* Whatsapp-chat */
.whatsapp a{
position:fixed;
bottom:30px;
right:35px;
z-index:9999;
padding:0px 12px;
border-radius:20%;
font-size:40px;
color:white;
background:#33CC33;
}
/* Section-1 */
#section-1{
width:100%;
height:450px;
padding:50px 0px;
background:url('../images/about.jpg');
background-repeat:no-repeat;
background-size:cover;
text-align:center;
}
#section-1 h1{
color:red;
padding:140px 0;
font-size:45px;
font-weight:bold;
}
/* Section-2 */
#section-2{
width:100%;
height:auto;
padding:50px 0;
}
#section-2 h2{
padding:2px ;
}
#section-2 p{
font-size:19px;
}
#section-2 a{
color:black;
border:solid red 1px;
border-radius:5px;
text-decoration:none;
padding:5px 10px;
font-weight:bold;
}
#section-2 a:hover{
background:red;
color:white;
transition:0.3s ease-in-out;
}
/* Section-3 */
#section-3{
width:100%;
height:auto;
text-align:center;
padding:25px 0;
}
#section-3 .container{
display:flex;
justify-content:space-around;
}
#section-3 span .icon{
width:55px;
height:45px;
font-size:34px;
background:red;
color:white;
padding:20px 18px;
border-radius:50%;
}
#section-3 span p{
font-size:24px;
font-weight:bold;
}
/* Section-4 */
#section-4{
width:100%;
height:auto;
padding:50px 0;
}
#section-4 .gallery a img{
float: left;
width: 33.3%;
height: 200px;
border: 2px solid #fff;
-webkit-transition: -webkit-transform .15s ease;
-moz-transition: -moz-transform .15s ease;
-o-transition: -o-transform .15s ease;
-ms-transition: -ms-transform .15s ease;
transition: transform .15s ease;
position: relative;
}
.clear{
clear: both;
}
.gallery a{
color: #009688;
text-decoration: none;
}
.gallery a:hover{
color: #01695f;
text-decoration: none;
}
/* Footer */
#footer{
color:white;
background: #202020;
padding:40px 0;
}
#footer h5{
color:red;
padding:2px;
}
#footer a{
color:white;
}
#footer a:hover{
color:#00CC00;
}
@media screen and (max-width:768px){
/* Header section */
#header-sec .box-1{
position:absolute;
margin-top:75px;
margin-left:20px;
}
#header-sec .box-2{
display:none;
}
#header-sec h1{
font-size:30px;
line-height:12px;
}
#header-sec small{
font-size:12px;
}
#header-sec sup{
font-size:18px;
}
#header-sec img{
width:75px;
height:60px;
}
/* Navbar */
.navbar{
margin:0 0 50px 0;
padding:0;
background:none;
}
/* Section-2 */
#section-2{
padding:50px 0px;
}
/* Section-4 */
#section-3 .container{
padding:0px;
display:block;
}
#section-3 span .icon{
width:45px;
height:35px;
}
/* Section-3 */
#section-4{
padding:50px 15px;
}
#section-4 .gallery a img{
width:165px;
height:150px;
}
/* Footer */
#footer{
padding:20px 0;
}
#footer .col{
width:700px;
margin:0 5px;
}
}