@import url("https://fonts.googleapis.com/css?family=Open+Sans");


* {
  margin:0; 
  padding:0;
  font-family: "Open Sans Condensed", sans-serif; font-size: 16pt;
}

.ac{
  align-content: center;
}


#adiv{
  font-family: "Open Sans Condensed", sans-serif; font-size: 16pt;
}

#boton{
  background-color: #5D9C9C;
  color: #FFFFFF;
  /*display: inline-block;*/
  /*float: middle;*/
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14pt;
  margin:auto;
  /*margin-left: 20px;*/
  opacity: 0.9;
  padding: 7px 25px 7px 25px;
  text-align: center;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

#botonBorrar{
  background-color: #5D9C9C;
  color: #FFFFFF;
  /*display: inline-block;*/
  /*float: middle;*/
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14pt;
  margin:auto;
  /*margin-left: 20px;*/
  opacity: 0.9;
  padding: 7px 25px 7px 25px;
  text-align: center;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

#botonBorrar:hover{
  background-color: #ff0000;
  color: #FFFFFF;
  /*display: inline-block;*/
  /*float: middle;*/
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14pt;
  margin:auto;
  /*margin-left: 20px;*/
  opacity: 0.9;
  padding: 7px 25px 7px 25px;
  text-align: center;
  text-decoration: none;
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.botonin{
    width: 95%;
    /*box-sizing: border-box;*/
    border-radius: 6px;
    margin: 0px 0;
    padding: 6px 0;
		font-size: 14pt;
}

.botonan{
    /*width: 80%;*/
    /*box-sizing: border-box;*/
    /*border-radius: 6px;*/
    margin: 14px;
    /*padding: 1px;*/
		vertical-align: middle;
		/*float:left;*/
		text-align: center;
		/*position: absolute;*/
}

.boton100{
    width: 95%;
    box-sizing: border-box;
    border-radius: 6px;
   /* margin: 8px 0;
    padding: 12px 20px;*/
}

.botonin50{
    width: 50%;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 8px 0;
    padding: 12px 20px;
}

.brg{
  align-content:right;
}

.blf{
  align-content:left;
}

.botonin30{
    width: 30%;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 8px 0;
    padding: 12px 20px;
}

.boton_personalizado{
    text-decoration: none;
    padding: 5px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
    border: 1px solid #0016b0;
}

.boton_personalizado:hover{
    color: #1883ba;
    background-color: #ffffff;
}

.btnNew{
    display: inline-block;
    background-color: #5D9C9C;
    color: #FFFFFF;
    padding: 7px 25px 7px 25px;
    text-align: center;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    /*font-size: 16px;*/
    /*margin-left: 20px;*/
    opacity: 0.9;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14pt;
}

.btnNewSolo{
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 7px 25px 7px 25px;
    text-align: left;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    /*font-size: 16px;*/
    /*margin-left: 20px;*/
    opacity: 0.9;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14pt;
    width: 80%;
}

.btnNewB{
		border-radius: 6px;
    /*display: inline-block;*/
    background-color: #5D9C9C;
    color: #FFFFFF;
    padding: 12px;
    /*text-align: center*/;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    /*font-size: 16px;*/
    /*margin-left: 20px;*/
    opacity: 0.9;
    /*float: center;*/
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14pt;
}

#fCond{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14pt;
}

.btnNew:hover{
    color: #ffffff/*9b0e0e*/;
    background-color: #77C7C7;
    text-decoration: none;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btnNewB:hover{
    color: #ffffff/*9b0e0e*/;
    background-color: #77C7C7;
    text-decoration: none;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btnNewSalir{
	  display: inline-block;
    background-color: #5D9C9C;
    color: #FFFFFF;
    padding: 7px 25px 7px 25px;
    text-align: center;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    /*font-size: 16px;*/
    /*margin-left: 20px;*/
    opacity: 0.9;
    float: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14pt;
}

.btnNewSalir:hover{
	  color: #ffffff/*9b0e0e*/;
    background-color: #ff0000;
    text-decoration: none;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.btnNewT{
    display: inline-block;
    /*background: #5D9C9C;
    color: #FFFFFF;*/
    padding: 0px;
    /*border-radius : 2px;*/
    /*text-align: center;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
    font-size: 16px;
    margin-left: 20px;
    opacity: 0.9;*/
    /*float: right;*/
    /*font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14pt;*/
    width:25%;
}

button{
    text-decoration: none;
    padding: 5px;
    font-weight: 100;
    font-size: 18px;
    color: #ffffff;
    background-color: #5D9C9C;
    /*border-radius: 2px;*/
    /*border: 2px solid #0016b0;*/
    /*margin-right: 0px;
    margin-left: 0px;*/
}

button:hover{
    color: #ffffff/*9b0e0e*/;
    background-color: #FFBE98;
    text-decoration: none;
}

.cabeza{
  background: #EAEDED;
  -webkit-background-size: cover;
}

.co{
  background: #888;
  opacity: 0.7;
  width: 300px;
}

/*----CARRUSEL INICIO-------*/

.content-all{
  width:200px;
  margin:auto;
  perspective: 10000px;
  position:relative;
  margin-top:120px;
}

.content-carrousel{
  width:100%;
  position: absolute;
  animation: rotar 45s infinite linear;
  transform-style: preserve-3d;  
}

.content-carrousel:hover{
  animation-play-state:paused;
  cursor:pointer;
}

.content-carrousel figure{
  width:100%;
  height:100%;
  /*overflow:hidden;*/
  position: absolute;
  box-shadow:0px 0px 20px 0px black;
  transition: all 300ms;
}

.content-carrousel figure:hover{
  box-shadow:0px 0px 0px 0px black;
  transition: all 500ms;
}

.content-carrousel figure:nth-child(1){transform:rotatey(0deg) translatez(640px);}
.content-carrousel figure:nth-child(2){transform:rotatey(18.94deg) translatez(640px);}
.content-carrousel figure:nth-child(3){transform:rotatey(37.89deg) translatez(640px);}
.content-carrousel figure:nth-child(4){transform:rotatey(56.84deg) translatez(640px);}
.content-carrousel figure:nth-child(5){transform:rotatey(75.78deg) translatez(640px);}
.content-carrousel figure:nth-child(6){transform:rotatey(94.73deg) translatez(640px);}
.content-carrousel figure:nth-child(7){transform:rotatey(113.68deg) translatez(640px);}
.content-carrousel figure:nth-child(8){transform:rotatey(132.63deg) translatez(640px);}
.content-carrousel figure:nth-child(9){transform:rotatey(151.57deg) translatez(640px);}
.content-carrousel figure:nth-child(10){transform:rotatey(170.52deg) translatez(640px);}
.content-carrousel figure:nth-child(11){transform:rotatey(189.47deg) translatez(640px);}
.content-carrousel figure:nth-child(12){transform:rotatey(208.42deg) translatez(640px);}
.content-carrousel figure:nth-child(13){transform:rotatey(227.36deg) translatez(640px);}
.content-carrousel figure:nth-child(14){transform:rotatey(246.31deg) translatez(640px);}
.content-carrousel figure:nth-child(15){transform:rotatey(265.26deg) translatez(640px);}
.content-carrousel figure:nth-child(16){transform:rotatey(284.21deg) translatez(640px);}
.content-carrousel figure:nth-child(17){transform:rotatey(303.15deg) translatez(640px);}
.content-carrousel figure:nth-child(18){transform:rotatey(322.10deg) translatez(640px);}
.content-carrousel figure:nth-child(19){transform:rotatey(341.05deg) translatez(640px);}
.content-carrousel figure:nth-child(20){transform:rotatey(360deg) translatez(640px);}

.content-carrousel img{
  width:100%;
  transition: all 300ms;
}

.content-carrousel img:hover{
  transform:scale(4);
  transition: all 500ms;
}

@keyframes rotar{
  from{
    transform: rotatey(360deg);
  }to{
    transform: rotatey(0deg);
  }
}

/*----CARRUSEL FIN-------*/


.divpre{
    /*align: right;*/  
    height: 50%;
    vertical-align: bottom;
}

.st0{
  /*fill:#66c0ba;*/
  fill:#327468;
  position: absolute;
  transition: all 1.5s;
  outline:0px;
}

.st1{
  fill:#32746F;
  border:0;
  outline:0px;
}

.institucional{
  background: #327468;
}

svg:hover .st0, #cta{
  fill:#fff;
  border:0;
  outline:0px;
  margin-top:15%;
  /*transform:scale(1.1);*/
  /*position:absolute;*/
  
}

/*svg:hover .mover{
  fill:#fff;
  transform:scale(1.1);
  position:absolute;
}*/

/*#cta{
  position:absolute;
  float:inherit;
  bottom: 40%;
  margin:10em auto 0 auto;
  left:50%;
  /*right:0;*/
  /*widows:30%;
  background:none;
  border-radius:5px;
  padding: 15px;
  color:#fff;
  font-size:1.5em;
  cursor:pointer;
  outline:0;
}*/

#cta{
  /*position:      absolute;
  float:         inherit;
  bottom:        40%;
  left:          45%;*/
  cursor:        pointer;
  
  background:    #89b5b2;
  background:    -webkit-linear-gradient(#89b5b2, #327468);
  background:    linear-gradient(#89b5b2, #327468);
  border-radius: 5px;
  padding:       8px 20px;
  color:         #ffffff;
  display:       inline-block;
  font:          normal 700 24px/1 "Playfair Display", serif;
  text-align:    center;
  font-size:    5vw;
  text-shadow:   1px 1px #000000;
    
}



.editar{
	background-image: url('/img/lapiz.png');
}

#ediv{
  /*background:#eee;*/
  font-family: "Open Sans Condensed", sans-serif; font-size: 14pt;
  text-align:right;
}

#edivh{
  background:#eee;
  font-family: "Open Sans Condensed", sans-serif; font-size: 14pt;
}

.fo{
  background-color: #2F4F4F;
  bottom: 0;
  color: white; 
  height:10%;
  opacity: 0.8;
  /*padding:4px;*/
  position: absolute;
  text-align: center;
  width: 100%;
}

.formlog{
  background: #b3cccc; 
  border-radius: 6px; 
  border-width: 2px; 
  width:30%; 
  opacity:0.8;
	font-size:14pt;
	font-family: "Open Sans Condensed", sans-serif;
}

.formlog80{
  background: #b3cccc; 
  border-radius: 6px; 
  border-width: 2px; 
  width:80%; 
  opacity:0.8;
}

form{
  width:450px;
  margin:auto;
  background: #aaaaaa;
  padding: 10px 20px;
  box-sizing:border-box;
  margin-top:20px;
  border-radius:7px;
}

.specialform{
  width:450px;
  margin:auto;
  background: rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  box-sizing:border-box;
  margin-top:20px;
  border-radius:7px;
}


#sinform{
  width:36px;
  margin:auto;
  background: transparent;
}

#sinformnada{
  
}

.flotantea{
    display:scroll;
    position:fixed;
    top: 50%;
    /*bottom:120px;*/
    left:15%;
}

.flotanteb{
    display:scroll;
    position:fixed;
    top: 50%;
    /*bottom:320px;*/
    left:50%;
}

.flotantec{
    display:scroll;
    /*position:fixed;*/
    top: 50%;
    /*bottom:320px;*/
    left:85%;
}

.flotanted{
    display:scroll;
    position:fixed;
    top: 15%;
    /*bottom:320px;*/
    left:1%;
}

.flotante20{
    display:scroll;
    /*position:fixed;*/
    top: 40%;
    /*bottom:320px;*/
    left:20%; 
}

.flotante40{
    display:scroll;
    /*position:fixed;*/
    top: 15%;
    /*bottom:320px;*/
    left:40%; 
}

.flotante60{
    display:scroll;
    /*position:fixed;*/
    top: 15%;
    /*bottom:320px;*/
    left:60%; 
}

.flotante80{
    display:scroll;
    /*position:fixed;*/
    top: 15%;
    /*bottom:320px;*/
    left:80%; 
}

.fnt{
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: italic;
    font-size: 26px;
    vertical-align: bottom;
    text-shadow: 2px 2px 2px #222;
    /*padding: 5px;*/
    padding-right: 5px;
  text-align:center;
}

.fnta{
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: italic;
    font-size: 18px;
    vertical-align: bottom;
    text-shadow: 2px 2px 2px #222;
    padding-right: 5px;
}

/*h3{
	font-family: "Open Sans Condensed", sans-serif; font-size: 16pt;
}*/

h4{
	font-family: "Open Sans Condensed", sans-serif; font-size: 20pt;
}

input{
	text-align:center;
}

#imagenpreprensa{
  position: absolute;
  top: 100%;
  left: 100%;
  display: none;
}

#inputetext{
  width:100%;
  margin-bottom:20px;
  padding:7px;
  box-sizing:border-box;
  font-size:17px;
  border:none;
}

.inputetext{
  width:95%;
  margin-bottom:20px;
  padding:7px;
  box-sizing:border-box;
  font-size:17px;
  border:none;
}


#preprensa{
    position: relative;
}

#preprensa:hover imagenpreprensa{
  display: block;
}

.sinborde{
  /*background-color: transparent;*/
  background-color: #eee;
	/*background: #ffaaaaab;*/
  /*border-width:0;*/
  border: none;
  text-align:center;
  /*width:30px;*/
}

.sinbordee{
  background: #bbbbff;
  /*background-color: transparent;*/
  border: 0;
  text-align:center;
  width:30px;
}

.sinborded{
  background: #eeeeee;
  /*background-color: transparent;*/
  border: none;
  text-align:center;
  width:30px;
}

.sinbordegris/*::-webkit-input-placeholder*/{
   background-color: #eee;
   color: #8800ff;
   border: none;
   outline:0px;
   /*border-color: #eee/*#00BA68*/;
   border-color: transparent;
   text-align:center;
}

.sinborderojo{
   background-color: transparent;
   color: #bb0000;
   -webkit-color:#bb0000;
   border: none;
   text-align:center;
}



.slider{
  width: 95%;
  margin: auto;
  background: url(../img/IMG_0595-S.JPG) no-repeat center;
  background-size: contain;
  /*background-sver;*/ 
  /*-webkit-animation: carrusel-infinito 40s infinite 2s normal ease-out; */
  animation: carrusel-infinito 40s infinite 2s normal ease-out;
  overflow:hidden;
}

.slider ul{
  padding: 0;
  display: flex;
  width: 800%;
  
}

.slider li{
  list-style: none; 
  width: 100%;
}

.slider img{
  width: 100%;
}

#galeria{
  width: 500px;
  height: 250px;
  background-size: 500px 250px;
  background-repeat: no-repeat;
  margin: auto;
  margin-top: 5%;
  animation-name: gal;
  -webkit-animation-name: gal;
  -moz-animation-name: gal;
  -o-animation-name: gal;
  animation-duration: 40s;
  -webkit-animation-duration: 40s;
  -moz-animation-duration: 40s;
  -o-animation-duration: 40s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}

@keyframes gal{
  0%{background-image: url(../img/IMG_0595-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }
  12.5%{background-image: url(../img/IMG_1366-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  25%{background-image: url(../img/IMG_1414-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  37.5%{background-image: url(../img/IMG_6213-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  50%{background-image: url(../img/IMG_1514-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  62.5%{background-image: url(../img/IMG_3795-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  75%{background-image: url(../img/IMG_3823-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  87.5%{background-image: url(../img/IMG_4358-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
}

@-webkit-keyframes gal{
  0%{background-image: url(../img/IMG_0595-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }
  12.5%{background-image: url(../img/IMG_1366-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  25%{background-image: url(../img/IMG_1414-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  37.5%{background-image: url(../img/IMG_6213-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  50%{background-image: url(../img/IMG_1514-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  62.5%{background-image: url(../img/IMG_3795-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  75%{background-image: url(../img/IMG_3823-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  87.5%{background-image: url(../img/IMG_4358-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
}

@-moz-keyframes gal{
  0%{background-image: url(../img/IMG_0595-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }
  12.5%{background-image: url(../img/IMG_1366-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  25%{background-image: url(../img/IMG_1414-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  37.5%{background-image: url(../img/IMG_6213-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  50%{background-image: url(../img/IMG_1514-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  62.5%{background-image: url(../img/IMG_3795-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  75%{background-image: url(../img/IMG_3823-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  87.5%{background-image: url(../img/IMG_4358-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
}

@-o-keyframes gal{
  0%{background-image: url(../img/IMG_0595-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }
  12.5%{background-image: url(../img/IMG_1366-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  25%{background-image: url(../img/IMG_1414-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; }    
  37.5%{background-image: url(../img/IMG_6213-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  50%{background-image: url(../img/IMG_1514-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  62.5%{background-image: url(../img/IMG_3795-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  75%{background-image: url(../img/IMG_3823-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
  87.5%{background-image: url(../img/IMG_4358-S.PNG); background-size: 500px 250px; background-repeat: no-repeat; } 
}

table{
  /*background: #96C2C1;
  background: #666;*/
  border-collapse: collapse;
  /*border-radius: 5px;*/
  text-align: center;
}

.tablero{
	background-color: #b3cccc; 
	border-radius: 6px; 
	border-width: 2px;
	font-family: "Open Sans Condensed", sans-serif; 
	font-size: 16pt; 
	/*text-align:center;
	opacity:0.8;*/
  padding:12px;
	width:60%;
}

.tableroTabla{
  background: #b3cccc; 
	border-radius: 6px; 
	border-width: 2px;
	display:table;
	/*text-align:center;*/
	font-family: "Open Sans Condensed", sans-serif; 
	font-size: 16pt; 
  /*vertical-align: middle;
  width:70%;*/
}

.tableroFila{
	background: #b3cccc; 
	/*border-radius: 6px; 
	border-width: 2px;*/
	display:table-row;
	display:flex;
	flex-flow:row wrap;
  /*align-content: center;*/
	font-family: "Open Sans Condensed", sans-serif; 
  font-size: 16pt;
	justify-content:space-around;
	/*text-align:center;
  vertical-align:middle;
	width:95%;*/
}

.tableroCelda{
	display:table-cell;
	/*text-align:center;*/ 
	font-family: "Open Sans Condensed", sans-serif; 
	font-size: 16pt;  
	background: #ffaaaa; 
	/*border-radius: 6px; 
	border-width: 2px;
	width:30%;*/
}

.tbc{
  background: black;
  color: white;
  width: 99%;
  font-size: 2em;
  height: 1.2em;
}

#tituloform{
  color: #fff;
  font-family: monospace;
  text-align:center;
  margin: 0;
  font-size:30px;
  margin-bottom:20;
}

.tv{
  background: #888;
}

.ty{
  background: #ffaaaa;
}

.tb{
  background: #bbbbff;
}

td{
  border: #000 0px solid;
	padding: 1px;
  text-align:center;
}

#text_1_a_2{
  min-height:80px;
  max-height:160px;
  max-width:100%;
  min-width:100%;
  text-align:center;
  text-align:left;
  font-size:12pt;
  width:100%;
}

tfoot{
  background: #ffffaa;
}

th{
  border: #000 1px solid;
  background: #96C2C1;
  padding: 0.5em; 
}

.tip{
	background-color: #ffcc99;
	padding: 10px;
	display: none;
	position: absolute;
}

.tf{
  width: 30%
}
.tg{
  background: #aaffaa;
}

.tw{
  /*background: #888;
  color: #FFFFFF;
  display: block;*/
  margin: 0px;
  
  display: table-cell; 
  vertical-align: middle;
  
  padding:5px;
  /*width: 90%;
  width="15%;*/
}

.float-wa{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}


/*----------------------------------------------*/

@media screen and (max-width: 828px){
  
  form{
    width: 80%;
  }
  
  button{
   width: 95%;
   height: 10%;
   font-size: 25px;
  }
  
  .st0{
    /*fill:#66c0ba;*/
    
    /*position: absolute;*/
    width:30%;
    /*transition: all 1.5s;
    outline:0px;*/
  }
  
}


@media (max-width: 980px){
    #cta{
        position: absolute;
        float: inherit;
        /*bottom: 40%;
        left: 45%;*/
        cursor: pointer;
        
        background: #89b5b2;
        background: -webkit-linear-gradient(#89b5b2, #327468);
        background: linear-gradient(#89b5b2, #327468);
        border-radius: 8px;
        padding: 8px 20px;
        color: #ffffff;
        display: inline-block;
        font: normal 700 24px/1 "Playfair Display", serif;
        text-align: center;
        font-size: 8vw;
        text-shadow: 1px 1px #000000;
        width: 60vw;
    }
}
}