/*1st BreakPoint  ##Device = Desktops  ##Screen = 1281px to higher resolution desktops*/
@media (min-width: 1281px) and (max-width: 6000px) {
body {
    margin: 0;
    padding: 0;
    background-color: rgba(185,185,185,0.5);
}
header{
    margin-bottom:4%;
}

nav{
    margin-top: 0%;

    overflow: hidden;
    position: fixed;
  }
h1.nameA{
  font-weight: normal; font-size: 3em;
   top: calc(50% - 21px);
   text-transform: uppercase;
   text-align: left;
   opacity: 0;
   animation: in 2.5s ease-out forwards infinite;
   animation-delay: 1s;
   animation-direction: alternate;
}
@keyframes in{
  0%{
    letter-spacing: -20px;
    opacity: 0;
  }
  30%{
    letter-spacing: 7px;
    opacity: 0.5;
  }
  100%{
    letter-spacing: 4px;
    opacity: 1;
  }
}

.textLeftButton{font-family: Helvetica, sans-serif;
  font-size:1.3em !important;
  padding-right: 3%;
  max-width: 35%;
  margin-left: 15%;
  font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 10%; font-stretch: expanded; font-size: 3em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif;   margin-left: 10%; font-size: 2.5em; line-height: 1.5; font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.7em;  font-weight: lighter; font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 1em;  margin-left: 10%; font-weight: normal; margin-top: 1%;letter-spacing: 5px; font-variant-caps: small-caps;}
a{color:#191d1d; text-decoration: none;}/*#4C5261   #751D52*/
a:hover{color:#191d1d;}
ul{list-style-type: none; font-size: 1.2em; float: right;margin-right: 15%;}
li{float: left;}
li a {display: block; text-align: left; padding-left: 30px;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px; width: 100%;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top:10%;}
.container06{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid;}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.8em;
line-height: 0.4;
padding-right: 4px;
}
}
/*2nd BreakPoint
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
body {
    background-color: rgba(185,185,185,0.5);
  }
header{
    margin:0%;
  }
  nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}
h1.nameA{
  font-weight: normal; font-size: 2.2em;
   top: calc(50% - 21px);
   text-transform: uppercase;
   text-align: left;
   opacity: 0;
   animation: in 2.5s ease-out forwards infinite;
   animation-delay: 1s;
   animation-direction: alternate;
}
@keyframes in{
  0%{
    letter-spacing: -20px;
    opacity: 0;
  }
  30%{
    letter-spacing: 7px;
    opacity: 0.5;
  }
  100%{
    letter-spacing: 4px;
    opacity: 1;
  }
}
.textLeftButton{font-family: Helvetica, sans-serif;
  font-size:1.3em !important;
  padding-right: 3%;
  max-width: 35%;
  margin-left: 15%;
  font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 10%; font-stretch: expanded; font-size: 2.8em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif;  margin-left: 10%;font-size: 2.3em;line-height: 1.3; font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.7em;  font-weight: lighter;  font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 1em;  margin-left: 10%; font-weight: normal; margin-top: 1%;letter-spacing: 5px; font-variant-caps: small-caps;}
a:visited{color: #191d1d; text-decoration: none;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; color: #00000; float: right;margin-right: 10%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 30px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color: #191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.7em; letter-spacing: 10px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px ; }
summary::-webkit-details-marker{color:#ffff;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top: 10%;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
.container06{padding-bottom: 3%; padding-top: 1%; padding-right: 3%;color:#4c4e54; margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.6em;
line-height: 0.4;
padding-right: 4px;
}
}
/*3rd BreakPoint
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
body {
    background-color: rgba(185,185,185,0.5);
}
header{
    margin:0%;
}
nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}
h1.nameA{
  font-weight: normal; font-size: 1.8em;
   top: calc(50% - 21px);
   text-transform: uppercase;
   text-align: left;
   opacity: 0;
   animation: in 2.5s ease-out forwards infinite;
   animation-delay: 1s;
   animation-direction: alternate;
}
@keyframes in{
  0%{
    letter-spacing: -15px;
    opacity: 0;
  }
  30%{
    letter-spacing: 7px;
    opacity: 0.5;
  }
  100%{
    letter-spacing: 4px;
    opacity: 1;
  }
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 10%;  font-stretch: expanded; font-size: 2.4em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif;   margin-left: 10%; font-size: 2.2em;line-height: 1.3; font-weight: lighter;}
a:visited{color: #191d1d; text-decoration: none;}
.textLeftButton{font-family: Helvetica, sans-serif;
   font-size:1.2em !important;
   padding-right: 3%;
   max-width: 35%;
   margin-left: 15%;
   font-weight: bold;
 }
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size:1.5em;  font-weight: lighter; font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 1em;  margin-left: 10%; font-weight: normal; margin-top: 1%;letter-spacing: 5px; font-variant-caps: small-caps;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; color: #00000; float: right;margin-right: 10%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 30px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color: #191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.7em; letter-spacing: 10px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px ; }
summary::-webkit-details-marker{color:#ffff;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top:10%;}
.container06{padding-bottom: 3%; padding-top: 1%; padding-right: 3%;color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.4em;
line-height: 0.4;
padding-right: 4px;
}
}
/*4th Device
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
body {
    background-color: rgba(185,185,185,0.5);
}
header{
    margin:0%;
}
nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}
h1.nameA{
    font-weight: normal; font-size: 1.8em;
     top: calc(50% - 21px);
     text-transform: uppercase;
     text-align: left;
     opacity: 0;
     animation: in 2.5s ease-out forwards infinite;
     animation-delay: 1s;
     animation-direction: alternate;
}
@keyframes in{
    0%{
      letter-spacing: -15px;
      opacity: 0;
    }
    30%{
      letter-spacing: 7px;
      opacity: 0.5;
    }
    100%{
      letter-spacing: 4px;
      opacity: 1;
    }
}
.textLeftButton{font-family: Helvetica, sans-serif;
    font-size:1.2em !important;
    padding-right: 3%;
    max-width: 35%;
    margin-left: 15%;
    font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 5%;  font-stretch: expanded; font-size: 2.4em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif; margin-left: 5%; font-size: 2em;line-height: 1.3;font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.5em;  font-weight: lighter; font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 1em;  margin-left: 10%; font-weight: normal; margin-top: 1%;letter-spacing: 5px; font-variant-caps: small-caps;}
a:visited{color:#191d1d; text-decoration: none;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; color: #00000; float: right;margin-right: 10%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 30px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color: #191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.7em; letter-spacing: 10px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px ; }
summary::-webkit-details-marker{color:#ffff;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
.container06{padding-bottom: 3%; padding-top: 1%;padding-right: 3%;color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.4em;
line-height: 0.4;
padding-right: 4px;
}
}
/*5th Device
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
body {
    background-color: rgba(185,185,185,0.5);
}
header{
    margin:0%;
}
nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}
h1.nameA{
    font-weight: normal; font-size: 1.2em;
    margin-left:7%;
     top: calc(50% - 21px);
     text-transform: uppercase;
     text-align: left;
     opacity: 0;
     animation: in 2.5s ease-out forwards infinite;
     animation-delay: 1s;
     animation-direction: alternate;
}
@keyframes in{
    0%{
      letter-spacing: -10px;
      opacity: 0;
    }
    30%{
      letter-spacing: 7px;
      opacity: 0.5;
    }
    100%{
      letter-spacing: 4px;
      opacity: 1;
    }
  }
.textRight{visibility: hidden; display: none;}
.textLeftButton{font-family: Helvetica, sans-serif;
  font-size:1em !important;
  padding-right: 3%;
  max-width: 35%;
  margin-left: 15%;
  font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 5%;  font-stretch: expanded; font-size: 2.2em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif;  margin-left: 5%;  font-size: 2em;line-height: 1.3;font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.5em;  font-weight: lighter;  font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 0.7em;  margin-left: 7%; font-weight: normal; margin-top: 1%;letter-spacing: 4px; font-variant-caps: small-caps;}
a:visited{color:#191d1d;; text-decoration: none;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; color: #00000; float: right;margin-right: 12%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 15px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color:#191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.6em; letter-spacing: 6px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px ; }
summary::-webkit-details-marker{color:#ffff;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top:10%;}
.container06{padding-bottom: 3%; padding-top: 1%; padding-right: 3%;color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.4em;
line-height: 0.4;
padding-right: 4px;
}
}
/*6th device
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
body {
    background-color: rgba(185,185,185,0.5);
}
header{
    margin:0%;
}
nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}

h1.nameA{
    font-weight: normal; font-size: 1em;
    margin-left:7%;
    top: calc(50% - 21px);
    text-transform: uppercase;
    text-align: left;
    opacity: 0;
    animation: in 2.5s ease-out forwards infinite;
    animation-delay: 1s;
    animation-direction: alternate;
}
@keyframes in{
    0%{
      letter-spacing: -8px;
      opacity: 0;
    }
    30%{
      letter-spacing: 7px;
      opacity: 0.5;
    }
    100%{
      letter-spacing: 4px;
      opacity: 1;
    }
  }
.textLeftButton{font-family: Helvetica, sans-serif;
    font-size:1em !important;
    padding-right: 3%;
    max-width: 35%;
    margin-left: 15%;
    font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 5%;  font-stretch: expanded; font-size: 2.2em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif;  margin-left: 5%;  font-size: 1.9em; line-height: 1.3;font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.5em;  font-weight: lighter; font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 0.7em;  margin-left: 7%; font-weight: normal; margin-top: 1%;letter-spacing: 4px; font-variant-caps: small-caps;}
a:visited{color: #191d1d; text-decoration: none;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; color: #00000; float: right;margin-right: 12%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 15px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color: #191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.5em; letter-spacing:6px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px ; }
summary::-webkit-details-marker{color:#ffff;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top:10%;}
.container06{padding-bottom: 3%; padding-top: 1%;padding-right: 3%;color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.2em;
line-height: 0.4;
padding-right: 4px;
}
}
/*7th Device
  ##Device = Small Screens (Portrait)
  ##Screen = B/w 285px to 319px
*/
@media (min-width: 285px) and (max-width: 319px) {
body {
    background-color: rgba(185,185,185,0.5);
}
header{
    margin:0%;
}
nav{
     margin-top: 0%;

    overflow: hidden;
  position: fixed;
}
h1.nameA{
    font-weight: normal; font-size: 0.9em;
    margin-left:7%;
    top: calc(50% - 21px);
    text-transform: uppercase;
    text-align: left;
    opacity: 0;
    animation: in 2.5s ease-out forwards infinite;
    animation-delay: 1s;
    animation-direction: alternate;
}
@keyframes in{
    0%{
      letter-spacing: -5px;
      opacity: 0;
    }
    30%{
      letter-spacing: 7px;
      opacity: 0.5;
    }
    100%{
      letter-spacing: 4px;
      opacity: 1;
    }
}
.textLeftButton{font-family: Helvetica, sans-serif;
  font-size:1em !important;
  padding-right: 3%;
  max-width: 35%;
  margin-left: 15%;
  font-weight: bold;
}
h1.containerCenteredText{font-family: Helvetica, sans-serif; margin-left: 5%;  font-stretch: expanded; font-size: 2em;}
h1.containerCenteredTextContact{font-family: Helvetica, sans-serif; margin-left: 5%; font-size: 1.9em; line-height: 1.2;font-weight: lighter;}
h2{font-family: Helvetica,  sans-serif; padding-left: 12%; font-style: italic; font-size: 1.5em;  font-weight: lighter; font-stretch: expanded; letter-spacing: 1px;}
h3{font-family: Arial, sans-serif; font-size: 0.7em;  margin-left: 7%; font-weight: normal; margin-top: 1%;letter-spacing: 4px; font-variant-caps: small-caps;}
a:visited{color: #191d1d; text-decoration: none;}
a:visited{color: #191d1d;text-decoration: none;}
ul{list-style-type: none; font-family: Helvetica, sans-serif; font-weight: bold; font-size: 0.7em; color: #00000; float: right;margin-right: 12%;}
li{float: left;}
li a {display: block; text-align: right; padding-left: 15px;}
a:link{color: #191d1d; text-decoration: none;}
a:hover{color: #191d1d;}
summary{cursor: pointer; outline: none;font-size: 0.5em; letter-spacing: 6px; color:#ffff; font-family: Helvetica, sans-serif; margin-left: 80px;}
summary::-webkit-details-marker{color:#ffff;}
#contacto{font-family: Helvetica, sans-serif; font-weight: bold; letter-spacing: 2px; margin-left:80px;width: 100%;}
#maincontent{margin-top: 14%;}
#maincontentIndex{margin-top:10%;}
.container06{padding-bottom: 3%; padding-top: 1%;padding-right: 3%;color:#4c4e54;margin-bottom: -2%;}
.container07{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#293a6c;margin-bottom: -2%; background-color: rgba(167,155,181,1); }
.container08{padding-bottom: 3%; padding-top: 1%; padding-right: 3%; color:#5e4160;margin-bottom: -2%;background-color: rgba(173,185,98,1); }
.line{  width: 35%; height: 2px; border-bottom: 1px solid}
.lineW{  width: 35%; height: 2px; border-bottom: 1px solid; color:#ffffff;}
.dropcap {
float: left;
font-size: 4.2em;
line-height: 0.4;
padding-right: 4px;
}
}