/*#font-----------------*/
@font-face {
   font-family: 'Nordiak-Light';
   src: url('../font/Nordiak-Light.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak-Light.otf')  format('opentype'),
   url('../font/Nordiak-Light.woff') format('woff'), 
   url('../font/Nordiak-Light.ttf')  format('truetype'), 
   url('../font/Nordiak-Light.svg#Nordiak-Light') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular';
   src: url('../font/Nordiak.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak.otf')  format('opentype'),
   url('../font/Nordiak.woff') format('woff'),
   url('../font/Nordiak.ttf')  format('truetype'),
   url('../font/Nordiak.svg#Nordiak') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular-Italic';
   src: url('../font/') format('embedded-opentype'),  
   url('../font/Nordiak-Regular-Italic.otf')  format('opentype'),
   url('../font/Nordiak-Regular-Italic.woff') format('woff'), 
   url('../font/Nordiak-Regular-Italic.ttf')  format('truetype');
   font-weight: normal;
   font-style: normal;
}
/*#general -----------------*/
* {
   margin: 0;
   padding: 0;
   text-decoration: none;
   box-sizing:border-box;
   text-shadow: none!important;
}
body {
   max-width: 800px;
   margin: 0 auto;
   background: #255669;
}
ul>li {
   list-style-type: none;
}
p {
   font-family: 'Nordiak-Regular-Italic';
   font-weight: 300;
   font-size: 1rem;
   letter-spacing: 0.1rem;
   color: #ffffff;
   margin: 1rem 0;
}
img {
   max-width: 40%;
   min-height: auto;
   margin: 1rem auto;
   margin-left: 3rem;
}
.row {
   display:flex;
   flex-wrap:wrap;
}
section, footer {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: center;
   align-content: center;
}
section {
   height: 90vh;
   padding: 1rem 0;
}
section a {
   display: inline-block;
   color: #ffffff;
   font-family: 'Nordiak-Light';
   font-weight: 300;
   font-size: 0.9rem;
   letter-spacing: 0.1rem;
   text-decoration: none!important;
   padding: 10px 50px 12px 50px;
   margin-top: 3rem;
}
section a:hover {
   background: #ffffff;
   color: #255669;
}
footer {
   height: 10vh; 
}
footer p {
   font-size: 0.9rem;
   color: #DEDEDE;
   padding: 0 1rem;
}
span:after {
   content: "";
   background: #DEDEDE;
   width: 100px;
   height: 1px;
   display: block !important;
   margin: 10px auto;
}
.textocontacto2 {
   display:none;
}
@media screen and (max-width:768px) {
   section {height: auto;}
   img {
      max-width: 60%!important;
      margin-left: 1.5rem;
   }
   p {font-size: 0.9rem;}
   footer {height: auto; }
   footer p {font-size: 0.7rem;}
   .textocontacto1 {display:none}
   .textocontacto2 {display:inline-block;}
}