main-css.css

/*main Page CSS */
@media (min-width: 768px){
.navbar-nav {
    float: left;
    margin: 6px;
}
}

.dropdown
{
	 font-family: 'Amatic SC', cursive;
	 font-size:25px;
}
li
{
	 font-family: 'Amatic SC', cursive;
	 font-size:25px;
}
h1 {
    font-family: 'Amatic SC', cursive;

}

body
{
    background-color:#cdcdd2;
}

ul.nav a:hover 
{ 
    color: #FFFFFF !important;
}

.navbar 
{ 
  min-height: 68px; 
  margin-bottom : 0px !important;
}

@media (min-width: 768px) {
    .navbar-ex1-collapse {
        padding-left: 330;
    }
}

html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
 #landing {
            width: 100%;
            height: 100%;
            max-height: 100%;
            margin: 0;
            padding: 0;
            background-image: url('img/IMAG0360.jpg');
            background-size:100% 100%;
            background-repeat: no-repeat;
        }

#macbookpro{
    padding: 0;
    display: block;
    margin: 0 auto;
    max-width: 100%;
   
    position: relative; 
    width: 100%; /* for IE 6 */
}
.sale
{
	font-family: "Arial", Times, serif;
	font-size: 80px;
	text-align: center;
	position:absolute;
	top: 200px; 
   	left: 0; 
   	width: 100%;
   	color:white;
   	font-family: "Amatic SC";
}


h1{ 
	position:absolute;
	top: 200px; 
   	left: 0; 
   	width: 100%; 
   	color: white; 
   	font: bold 24px/45px Helvetica, Sans-Serif; 
   	letter-spacing: -1px;  
   	
}


@media (min-width: 768px) and (max-width: 797px){
    .sale
    {
    	font-size:60px;
    }
}

@media (max-width: 766px){
    .sale
    {
    	font-size:60px;
    	top: 500px;
    }
}

/* Login Page CSS */

.login{
  padding: 10%;
}

.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 35px;
  text-align: center;
}
.form input {
  background: #cdcdd2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 20px;
  box-sizing: border-box;
}
.form button {
  outline: 0;
  background: #606aa2;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 15px;
}

.form .message {
  margin: 10px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #606aa2;
}

body {
  background: #cdcdd2;     
}

/* Administration login */
@media (min-width: 768px){
.navbar-nav {
    float: left;
    margin: 6px;
}
}

.administrator{
  padding: 10%;
}

.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 35px;
  text-align: center;
}
.h2{
	position:relative;
	text-align: center;
}
.form input {
  background: #cdcdd2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
}
.form button {
  outline: 0;
  background: #606aa2;
  width: 100%;
  border: 0;
  padding: 10px;
  color: #FFFFFF;
  font-size: 15px;
}

.form .message {
  margin: 10px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #606aa2;
}

.list-title {
  background-color: black;
  border-top: 0px;
  border-bottom: rgba(0, 0, 0, 0.08) 1px solid;
  font-weight: 500;
  color: #b3b3b3;
  font-size:20px;
}

.productbox {
    background-color:#ffffff;
  padding:20px;
  margin-bottom:10px;
  margin:1%;
  border-style: solid;
  border-color: grey;
  -webkit-box-shadow: 0 8px 6px -6px  #999;
     -moz-box-shadow: 0 8px 6px -6px  #999;
          box-shadow: 0 8px 6px -6px #999;
}

.detail-of-product{
	background: white;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
}

body {
  background-color:#cdcdd2;
}

/* Product Page */
.register{
  padding: 10%;
}

.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 35px;
  text-align: center;
}
.h2{
	position:relative;
	text-align: center;
}
.form input {
  background: #cdcdd2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
}
.form button {
  outline: 0;
  background: #606aa2;
  width: 100%;
  border: 0;
  padding: 10px;
  color: #FFFFFF;
  font-size: 15px;
}

.form .message {
  margin: 10px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #606aa2;
}

body {
  background: #cdcdd2;     
}

.productbox {
    background-color:#ffffff;
  padding:20px;
  margin-bottom:10px;
  margin:1%;
  border-style: solid;
  border-color: grey;
  -webkit-box-shadow: 0 8px 6px -6px  #999;
     -moz-box-shadow: 0 8px 6px -6px  #999;
          box-shadow: 0 8px 6px -6px #999;
}

.producttitle {
    font-weight:bold;
  padding:5px 0 5px 0;
}

.productprice {
  border-top:1px solid #dadada;
  padding-top:5px;
}

.pricetext {
  font-weight:bold;
  font-size:1.4em;
}

/*Registration Page */
.register{
  padding: 10%;
}

.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 35px;
  text-align: center;
}
.h2{
	position:relative;
	text-align: center;
}
.form input {
  background: #cdcdd2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
}
.form button {
  outline: 0;
  background: #606aa2;
  width: 100%;
  border: 0;
  padding: 10px;
  color: #FFFFFF;
  font-size: 15px;
}

.form .message {
  margin: 10px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #606aa2;
}

body {
  background: #cdcdd2;     
}