@media all and (orientation: portrait) { 
    body {
		background-image: url(backgroundp.jpg);
	}
}

@media all and (orientation: landscape) { 
    body {
		background-image: url(backgroundl.jpg);
	}
}

body {
	background-color:#0B0C42;
	background-size: cover;
   font-family: "Arial", "Helvetica", sans-serif;
   font-size:12pt;
   height: 100%;
   width:100%;

   margin:0;
}
.logo {
	float:left;
	position:top;
}
.tls {
	background-color:rgba(11, 12, 66, 0.75);
	color:white;
	float:right;
}

.box {
	float:left;
   background-color:white;
   color:black;
   width:85%;
   margin:5% 0 0 5%;
   padding: 2%;
   border: 2px solid #0B0C42;
   text-align: justify;
   
}

.products img {
	height:22%;
	
}