Template:UI-Indonesia/prototype01/style css

/*****

• Author Name : Mostafizur Rahman
• Author URI : http://mostafiz.me
• Description : This is a responsive HTML5 and Bootstrap portolio template developed my Mostafizur Rahman
• Template URI : http://mostafiz.me/demo/folio/
• Version : 1.1
• • • • • /

body {

   margin: 0;
   padding: 0;
   font-family: 'Open Sans',sans-serif;

}

a:hover,a:visited,a {

   text-decoration: none;

}

/*banner area*/ .banner {

   background: url();
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;

}

.banner h3 {

   font-size: 30px;
   color: #fff;
   margin-top: 205px;
   font-weight: 800;

}

.banner h1 {

   font-size: 68px;
   color: #fff;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 10px;

}

.banner p {

   font-size: 18px;
   color: #fff;

}

.banner img {

   margin: 50px;

}

.banner button {

   width: 240px;
   height: 80px;
   font-size: 24px;
   color: #0b1016;
   background: transparent;
   border-radius: 8px;
   border: 4px solid #FFF;
   font-weight: 600;
   margin-bottom: 205px;
   transition: all .5s ease 0;
   -webkit-transition: all .5s ease 0;
   -moz-transition: all .5s ease 0;
   -o-transition: all .5s ease 0;
   -ms-transition: all .5s ease 0;

}

.banner button:hover {

   background: transparent;
   color: red;

}

/*ourproject section*/ .ourproject {

   background: #fff;

}

.ourproject h2 {

   font-size: 46px;
   color: #000;
   font-weight: 800;
   text-transform: uppercase;
   margin-top: 90px;
   margin-bottom: 30px;

}

.ourproject-heading img {

   margin-: 30px;

}

.ourproject-heading p {

   font-size: 16px;
   color: #7e8287;
   margin-bottom: 40px;

}

.ourproject-heading p span {

   font-size: 23px;

}

/*footer area*/ .footer {

   background: #000;

}

.footer p {

   color: #7e8287;
   font-size: 12px;
   padding: 25px;

}

.navbar-default .navbar-toggle .icon-bar {

   background-color: #FFF;

}

.nivo-lightbox-image img {

   width: 600px;
   height: 400px;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {

 width: 100%;
 text-align: center;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);

} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

 font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
 padding: 0 15px;

} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

 text-transform: uppercase;
 font-weight: 600;
 font-size: 14px;

} .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

 font-size: 18px;

} .portfolio-box:hover .portfolio-box-caption {

 opacity: 1;

} .portfolio-box:focus {

 outline: none;

}

/****************************** responsive area

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

/* lg */ @media (min-width: 1200px) {

}

/* md */ @media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */ @media (min-width: 768px) and (max-width: 991px) {

}

/* xs */ @media (min-width: 480px) and (max-width: 767px) {

   .banner h1 {
       font-size: 60px;
       letter-spacing: 3px;
   }

}

/* XS Portrait */ @media (max-width: 479px) {

   .banner h1 {
       font-size: 38px;
       letter-spacing: 0;
   }

}