body {
margin : 0 2px;
background-size : cover;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
line-height : 1.42857143;
color : #333;
}
h1,h2 {
color : rgb(6, 90, 205);
text-align : center;
font-weight : 500;
line-height : 1.1;
}
main p {
text-align : justify;
padding-left : 7%;
padding-right : 7%;
color : rgb(0, 51, 128);
}
footer p {
text-align : center;
}
article, footer, header, main, section {
display : block;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}
strong {
font-weight : 700;
}

img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
button, input, select {
margin : 0;
font : inherit;
color : inherit;
}
button {
overflow : visible;
}
button, select {
text-transform : none;
}
button, input[type="submit"] {
cursor : pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input {
line-height : normal;
}
table {
border-spacing : 0;
border-collapse : collapse;
}
td {
padding : 0;
}
@media print {
*, :after, :before {
color : #000 !important ;
text-shadow : none !important ;
background : 0 0 !important ;
box-shadow : none !important ;
}
a, a:visited {
text-decoration : underline;
}
a[href]:after {
content : " (" attr(href) ")";
}
a[href^="#"]:after {
content : "";
}
thead {
display : table-header-group;
}
img, tr {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
h2, p {
orphans : 3;
widows : 3;
}
h2 {
page-break-after : avoid;
}
}
@font-face {
font-family : 'Glyphicons Halflings';
src : url(../fonts/glyphicons-halflings-regular.eot);
src : url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

button, input, select {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
a:focus, a:hover {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}
img {
vertical-align : middle;
}


ol {
margin-top : 0;
margin-bottom : 10px;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
table {
background-color : transparent;
}
.collapse {
display : none;
}
.container:after, .container:before {
display : table;
content : " ";
}
.container:after {
clear : both;
}
@font-face {
font-family : 'FontAwesome';
src : url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src : url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
font-weight : normal;
font-style : normal;
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
}
.fa-shopping-cart:before {
content : "\f07a";
}

article, footer, header, main, section {
display : block;
}
a {
background-color : transparent;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
button, input, select {
margin : 0;
font : inherit;
color : inherit;
}
button, select {
text-transform : none;
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}

button, input, select {
font-family : inherit;
font-size : inherit;
line-height : inherit;
}
a {
color : #337ab7;
text-decoration : none;
}
img {
vertical-align : middle;
}


ol {
margin-top : 0;
margin-bottom : 10px;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.container:after, .container:before {
display : table;
content : " ";
}
.container:after {
clear : both;
}

.bor {
border : black solid 1px;
}
.home {
background-color : rgb(110, 207, 173);
}
.code {
background-color : rgb(227, 227, 227);
}
.cms {
background-color : rgb(255, 242, 185);
}
.site {
background-color : rgb(249, 252, 187);
}
.siteact {
background-color : rgb(249, 252, 187);
border-width : 1px;
border-style : solid;
border-color : black black rgb(249, 252, 187) black;
}
.apps {
background-color : rgb(217, 252, 194);
}
.foto {
background-color : rgb(207, 252, 236);
}
.print {
background-color : rgb(178, 228, 255);
}
.dat {
background-color : rgb(176, 200, 227);
}
.pub {
background-color : rgb(208, 200, 228);
}
.info {
background-color : rgb(240, 200, 240);
}
@media (max-width: 768px) {
.container {
padding-right : 0;
padding-left : 0;
margin-right : 0;
margin-left : 0;
}
.container > div {
flex-basis : 70px;
}

article {
margin : 5px;
}
section {
margin : 5px;
}
}
@media (min-width: 768px) {
.container {
width : 750px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 20px;
}
section {
margin : 20px;
}
.container > div {
flex-basis : 100px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 40px;
}
section {
margin : 40px;
}
.container > div {
flex-basis : 100px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
article {
margin : 80px;
}
section {
margin : 80px;
}
.container > div {
flex-basis : 100px;
}
}
.container {
padding : 0;
margin-left : auto;
margin-right : auto;
display : flex;
flex-wrap : wrap;
justify-content : center;
align-items : stretch;
}
.container > div {
color : #333;
text-align : center;
flex-grow : 1;
cursor : pointer;
border-radius : 4px 4px 0 0;
text-align : center;
line-height : 40px;
}
.container > div > a {
text-decoration : none;
color : black;
font-size : 14px;
}
.container > div:focus, .container > div:hover {
filter : saturate(140%);
filter : brightness(110%);
}
.container > div > a:focus, .container > div > a:hover {
text-decoration : none;
color : black;
}


@media only screen and (max-width: 768px) {
#photobook {
transform : scale(0.5,0.5);
position : relative;
right : 130px;
bottom : 90px;
}
#elsphone {
display : block;
width : 90vw;
height : 650px;
margin : auto;
background-color : white;
}
#elspc {
display : none;
}
#amphone {
display : block;
width : 90vw;
height : 650px;
margin : auto;
background-color : white;
}
#ampc {
display : none;
}
table, h2 {
table-layout : auto;
width : 95vw;
margin : auto;
}
td {
padding : 0;
text-align : center;
}
}
@media only screen and (min-width: 768px) {
#photobook {
display : block;
margin-left : auto;
margin-right : auto;
}
#elsphone {
display : none;
}
#elspc {
display : block;
margin : auto;
border : none;
width : 100%;
height : 850px;
}
#amphone {
display : none;
}
#ampc {
display : block;
width : 100%;
height : 850px;
margin : auto;
}
table, h2 {
table-layout : auto;
width : 50vw;
margin : auto;
}
td {
padding : 5px;
text-align : center;
}
}
@media only screen and (max-width: 550px) {
.columns {
column-count : 1;
}
}
@media only screen and (min-width: 550px) {
.columns {
column-count : 1;
}
}
@media only screen and (min-width: 768px) {
.columns {
column-count : 2;
column-fill : balance;
}
}
input[type="submit"]:hover {
background-color : #6ECFAC;
}
tr:hover {
background-color : rgb(240, 240, 240);
}
table {
border-collapse : collapse;
border : black solid 1px;
}
td {
border : black solid 1px;
}