Template:UI-Indonesia/prototype01/style css

/*****

• CREDITED TO:
• ==============
• 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;

}

/*contents section*/ .contents {

   background: #fff;

}

.contents h2 {

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

}

.contents-heading img {

   margin-: 30px;

}

.contents-heading p {

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

}

.contents-heading p span {

   font-size: 23px;

}

/****************************** 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;
   }

}