.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.none	{float: none;}
.col33 {float: left; width: 33.3%; margin: 0 auto;}
.center {text-align: center;}
.container {width: 100%; margin: 0 auto;}
.content {max-width: 1420px;  margin: 0 auto; width: 100%;}
.content-servizi {width: 100%;  margin: 0 auto; }
.center {text-align: center;}
.left {text-align: left}
a {text-decoration: none;}
body {margin: 0; padding: 0; font-family: 'Quicksand', sans-serif;}
li {padding: 15px; display: inline-block; margin: 0 auto;}
h1 { margin: 5px auto; padding: 0; font-size: 30px;}
h2 { margin: 5px auto; padding: 0; font-size: 20px;}
h3 { margin: 5px auto; padding: 0; font-size: 18px;}
h4 { margin: 5px auto; padding: 0; font-size: 16px;}
p { margin: 10px auto; padding: 0; font-size: 16px;}
.interlinea { line-height: 28px; }
.credits a {color: #fff;}
ul {margin: 0; padding: 0;}

/****MENU RESPONSIVE***/
.responsive-menu {display: none;}
.sfondobianco {display: none;}

.button { -webkit-transition: all 0.2s; cursor: pointer; padding: 10px 5%; font-size: 12px; font-weight: 600; text-transform: uppercase; display: inline-block; color: #fff; }
.bgindex {width: 100%; height: auto; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.30)), url(../images/piedi.jpg); background-position: right top; background-size: cover; background-repeat: no-repeat; }
.bgmarrone {background: #381b18;}
.bgacqua {background: #0eb297;}
.bgazzurro {background: #d5efeb;}
.bgblue {background: #008ae3; padding: 15px 0; font-size: 18px; font-weight: 400; text-transform: uppercase; display: inline-block; color: #fff; width: 250px; margin: 40px auto;}
.bgblue-info {background: #008ae3; padding: 15px 0; font-size: 18px; font-weight: 400; text-transform: uppercase; display: inline-block; color: #fff; width: 180px; margin: 10px auto; }
.bggrigio {background: #e9e9e9; padding: 30px 0;}
.bgazzuro-2 {background: #8ebbe3;}
.bgblack {background: #060606;}
.bianco {color: #fff;}
.bgblue-1 {background: #008ae3; }


/***MENU***/
#home-slider { width: 100%; position: absolute; z-index: 3;}
.menu {width: 100%; margin: 0 auto; position: relative;}
.menu-destra a { cursor: pointer; font-size: 15px; color: #fff; font-weight: 400; list-style: none; text-decoration: none;}
.menu-destra { padding-left: 0; float: left; width: 34%; padding-top: 35px;}
.menu-destra ul {padding-left: 0;} 
.menu-sinistra { padding-left: 0; float: left; width: 34%; padding-top: 35px;}
.menu-sinistra a {  cursor: pointer; font-size: 15px; color: #fff; font-weight: 400; list-style: none; text-decoration: none;}
.menu-sinistra ul {padding-left: 0;} 
.logo {	float: left; width: 32%;}
.logo img {width: 100%;}

.cta-home #contact-icons {top: 120px;}
#contact-icons {position: absolute; z-index: 100; right: 0; top: 30px; left: 0; margin: 0 auto; text-align: center;}
.phone {-webkit-transition: all 0.2s; cursor:pointer; display: inline-block;}
.phone:hover {transition: all .2s;transform: scale(1.2);}
.phone img {width: 80%;}
.mail {-webkit-transition: all 0.2s; cursor:pointer; display: inline-block;}
.mail:hover {transition: all .2s;transform: scale(1.2);}
.mail img {width: 80%;}


/*SLIDER STYLE*/
.slider-control {margin-bottom: 0; }
.slide-center { text-align: center; width: 40%; position: absolute; left: 0!important; right: 0!important; margin: 0 auto!important; bottom: 50px!important;}
.title-slider2 { font-size: 50px; color: #fff;  text-shadow: 0px 0px 10px rgb(76, 76, 76); font-weight: 800;text-align: center; line-height: 60px;}
.title-slider3 { font-size: 22px; color: #fff; text-shadow: 0px 0px 10px rgb(76, 76, 76); font-weight: 800; margin: 0 auto 20px; line-height: 25px;}
.hps-line {height: 2px; background: #fff; width: 70px; text-shadow: 0px 0px 10px rgb(76, 76, 76); margin: 20px auto;}
.hps-btn  {background: #381b18; color: #fff; padding: 12px; display: inline-block; text-decoration: none; font-weight: 800;}


.intro { width: 40%; float: left; padding: 40px 0;}
.intro h1 {padding-bottom: 10px; color: #381b18;}
.intro h3 {padding-bottom: 10px; color: #381b18}
.intro p {padding-bottom: 10px; }
.icon-logo {width: 100px; height:auto;}
.icon-logo img {width: 60%;}

.prenota-img { width: 40%; float: left; padding: 0; }
.prenota-img img {width: 60%; padding-right: 10%; float: right;}
.prenota { width: 60%; float: left; padding: 40px 0; }
.prenota-txt {text-align: left; width: 80%}
.prenota-txt h3 { color: #381b18; font-size: 20px;}
.prenota-txt p {padding-bottom: 15px;}
.lines {width: 100%; margin-bottom: 40px;}
.lines img{ width: 100%;}

.blocco-servizio {vertical-align: top; width:20%; margin:25px 1.7%; float: left; text-align: left; border: 1px solid #0eb297; padding: 15px 10px;}
.blocco-servizio p {width:60%; padding-left: 5%; float:left; text-align: left; color: #381b18;}
.blocco-servizio h3 {color: #381b18; font-size: 20px;}
.icona-servizio { width: 35%; float: left;}
.icona-servizio img {width: 100%;}

.icon-logo-news { width: 94px }
.icon-logo-news img {width: 100%;}
.blocco-promo-news {width: 50%; text-align: left; float: left;}
.news {width: 40%; float: left; padding: 10px 5%;}
.news p {color: #381b18}
.titolo-news {padding: 5px; color: #fff; width: 100px; font-size: 18px;}
.icona-news { width: 100%;}
.icona-news img {width: 100%; margin:10px auto;}
.titolo_news { min-height: 60px; overflow-y: hidden;  color: #381b18; font-size: 18px; text-align: left; }
.button-news { text-align: center; }
.button-section {text-align: center; margin-top: 40px;}
.leggi-piu {color:#381b18;}
.leggi-piu a {color:#381b18; font-weight: 600}

.trovami {padding: 20px 0;}
.titolo-trovarmi { color: #fff; font-size: 20px; padding:30px 0;}
.brands {width:100%; margin-bottom: 20px;}
.brand-img {width:30%; display: inline-block;}
.brands-images {vertical-align: top;}
.brands-images img {width:50%;}


.informazioni-titolo {}
.informazioni-txt {font-size: 30px;color: #fff;}
.informazioni-contact {font-size: 30px;color: #fff;}
.informazioni {padding: 70px 0; margin: 0 auto; text-align: center; }
.parallax {padding: 100px 0; position: relative; display: block;}
.parallax-pag {padding: 0; position: relative; display: block;}

.footer-logo {width: 100%;}
.footer-logo img {width: 20%; padding: 20px;}
.info-content {width: 554px; margin: 0 auto; padding: 25px 0;}
.info1 { color: #fff; padding: 25px 0 25px 16px ; border-left: 1px solid #c89fc7; float: left; width: 260px;}
.info1 h3 {font-size: 14px; font-weight: 100; line-height: 20px; text-align: left!Important;}
.credits {width: 100%; padding: 25px 0;}
.credits p {color: #fff;}       

/*------------NEWS & PROMO------------*/
#promo-slider { width: 100%; z-index: 1; background-color: #fff;}
#promo-slider a{ width: 100%; z-index: 1; color: #000!important;}
/*.fascia {width: 100%; height: 259px; background-image: url(../images/fascia.svg); background-position: center top; background-size: cover; background-repeat: no-repeat;}*/
.fascia-top {position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; top: -3px;}
.fascia-bottom {position: absolute; width: 100%; margin: 0 auto; left: 0; right: 0; bottom: -6px;}

.intro-promo { width: 100%; padding: 40px 0; margin-left: auto; margin-right: auto;}
.news-list {width: 31.33%; float: left; padding: 10px 1% 5vh;}
.informazioni-pagina {}
.informazioni-txt {font-size: 30px;color: rgb(76, 76, 76);}
.pagina {padding: 180px 0 0 0; margin: 0 auto; text-align: center; position: relative; z-index: 9; }

.col-50 {width: 50%; float: left; padding: 25px 0;}
.line-news {background-color: #381b18; width: 60px; height: 4px; margin: 10px 0;}
.news-title {font-size: 30px; color: #381b18;}
.immagine-dettaglio-promo {width: 75%;  border-radius: 15px;}

.line-promo {background-color: #0eb297; width: 60px; height: 4px; margin: 10px 0;}
.promo-title {font-size: 30px; color: #0eb297;}
.torna-indietro-promo {color: #0eb297;}
.torna-indietro-promo a {color: #0eb297;}
.news-list p {color: #381B18;}

.content-dettaglio {width: 90%; margin: 0 auto;}


/*------------------------SERVIZI--------------------------*/

.servizi-content { 
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  margin-bottom: 15px;
}

.servizi-list {width: 31.33%; float: left; padding: 10px 1%;}

.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}

.container-servizi{
  display: inline-block;
  width: 33%;
  padding: 2px 0 2px 0;
  position: relative;	 
}

.servizi { 
 	width: 100%;
 	height: 100%;
 	position: relative;
 	background-size: cover;
 	border-radius: 15px;  
 	
}

.servizi-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content-details {
	text-align: center;
	padding-top: 30%;
	padding-bottom: 30%;
	position: relative;
	z-index: 9;
}

.color-servizi{
	width: 100%;
 	height: 100%;
 	 
 	background-color: rgba(0, 138, 227); 	
 	opacity: 0.7;
 	position: absolute;
 	top: 1px;
 	border-radius: 15px;
 	transition: all .2s;
}

.servizi:hover .color-servizi {
	opacity: 1;
	transition: all .2s;
}

.color-terapie{
	width: 100%;
 	height: 100%;
 	
 	/*--background-color: rgba(0, 138, 227);--*/
 	background-image: linear-gradient(-45deg, #0eb297, #e5338a);
 	opacity: 0.7;
 	position: absolute;
 	top: 1px;
 	border-radius: 15px;
 	transition: all .2s;
}

.servizi:hover .color-terapie {
	opacity: 1;
	transition: all .2s;
}



.button:hover {
	transform: scale(1.05);
	transition: all .2s;


}

.content-details h3 {
	font-size: 25px;
	color: #fff;
}

.content-details p {
	font-size: 20px;
	color: #fff;
}


.icona-terapie {margin-top: 5vh; border-radius: 15px; width: 30%; float: left;}
.icona-terapie img { border-radius: 15px; width: 80%; margin:10px auto;}
.content-terapie {float: right; width: 65%; padding-left: 15px;}
.list-terapie {width: 100%; padding: 10px 1%; margin-left: auto; margin-right: auto;}
.content-terapie h2 {color: #381b18; font-size: 30px;}
.content-terapie p {color: #381b18; font-size: 18px;}
.leggi-piu-terapie {padding-top: 2%; color:#381b18;}
.leggi-piu-terapie a {color:#381b18; font-weight: 600;}



/*--------------LO STUDIO------------*/

.col-100 {width: 100%;  padding: 25px 0;}
.col-50-studio {max-width: 1420px; width: 50%; padding: 25px 0 25px; margin-left: auto; margin-right: auto;}
.leggi-piu-studio a {color:#381b18;}
.text-dove-siamo h2 {font-size: 15px; text-align: center;}
.contactmail {color: #381b18; cursor: pointer;}
.mapa {padding-bottom: 150px; position: relative}
.mapa iframe { border: 3px #e82e8a solid!Important; border-radius: 5px; z-index: 5;}


/*--------------DOVE SIAMO---------------------*/
.person {position: absolute; bottom: -5px; left: -66px; z-index: 10;}
.person-img { width: 100%; }
.fiori1 {position: absolute; bottom: 149px; left: 26px; z-index: -10;}
.fiori-1-img { width: 100%; }
.fiori2 {position: absolute; bottom: 149px; right: 67px; z-index: -10;}
.fiori-2-img { width: 100%; }
.mapaimg {position: absolute; top: -44px; left: 151px; z-index: -10;}
.mapa-img { width: 100%; }

/*--------------DEFINIZIONI---------------------*/

.icona-definizione { width: 33%; float: left;}
.icona-definizione img { border-radius: 15px; margin:10px auto; display: block;}
.content-definizione {float: right; width: 65%; padding-left: 15px; padding-top: 50px;}
.content-definizione h2 {color: #381b18; font-size: 30px;}
.content-definizione p {color: #381b18; font-size: 18px;}
.margin-bottom{ margin-bottom: 30px; }


/*------------------------contatti -------------------------------------------*/


/*form*/
.content_form {text-align: left; width: 100%; padding: 0; /*font-size: 14px;*/ margin: 30px auto; color: #242424;}
.content_form.size-txt form div label {padding: 20px 0 5px; color: #242424; /*font-size: 17px;*/ text-transform: uppercase;}
.table { width: 50%; margin: 60px auto 0;}
.g-recaptcha { max-width:290px; margin:0 auto;}
.required {color: red;}
.tabella_form { width:90%; margin:0 5%;}
#formILC label{display:block;}
.content_form input, textarea, select{display:block; border: none; padding: 2px 2%;/* font-size: 14px;*/ border-radius: 3px; width:96%; background:#fff; margin: 6px 0 20px;}
.content_form textarea {border: 1px solid #b5b5b5;}
.content_form input.error, textarea.error {border: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #7EF68F;border:2px solid #0F0;color:#0D661E;font-size:105%;margin:3em auto;padding:1em 4em;width: 100%;}
.content_form input[type="checkbox"] {display: inline-block; width:20px; margin-top: 8px;}
.content_form input[type="text"]  {display:block; border: 1px solid #b5b5b5; padding: 2px 2%; /*font-size: 14px;*/ border-radius: 3px; width:96%; height:25px; background: #fff; margin: 6px 0 20px;}
.content_form input[type="submit"]{ padding: 10px 20px; background-color: transparent; color: #fff; width: 150px; margin: 20px auto; font-size: 18px; transition: all .4s; background: #53cebd;}
.content_form input[type="submit"]:hover {background: #36ad9c;}
.content_form select {width: 100%; margin: 0;}
.contact-content { 
  
  float: right;
  width: 50%;
  margin-bottom: 15px;
  position: relative;
}

.contact-image {
	float: left;
	width: 40%;
	padding-top: 8%;
}

.contact-image img {
	width: 88%;
}

.container-contact {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
}


/*---------PRIVACY---------*/
.container-privacy {width: 68%; margin-right: auto; margin-left: auto; margin-top: 20px;}



/*--------SITEMAP--------*/
.sitemap li {color: #000; display: block; text-align: center;}
.sitemap a {color: #000;} 
.sitemap a:hover {color: #e5338a;} 
.sublink a {color:#e5338a; }

/*****RESPONSIVE********/
@media screen and (min-width: 1920px){
    .pagina {padding: 212px 0 0 0;}
    .informazioni-txt { margin-top: 39px;}
}


@media screen and (max-width: 1920px){
.video-measures {width: 70%; height: 560px;}
}

@media screen and (max-width: 1600px){
.list-terapie { width: 90%; }
.fascia {height: 230px;}
}

@media screen and (max-width: 1420px){
 .intro {padding: 40px 0 25px 5%;}
 .blocco-servizio {width: 19%; display: inline-block; float: none; }
 .blocco-promo-news {width: 45%; display: inline-block; float: none;}
 .content-bloc-servizio {width: 100%; margin-right: auto; margin-left: auto;} 
 .icona-servizio {width: 50%; display: block; float: none; margin-left: auto; margin-right: auto;}
 .blocco-servizio p {width: 100%; padding-left: 0%; text-align: center;}
 .blocco-servizio h3 {text-align: center;}
 .blocco-servizio {float: none;}
 img .icon-logo-news { width: 60px; }
 .blocco-servizio {text-align: center;}
 .icona-servizio img {width: 64%}
 .mid {padding-bottom: 15%;}
 .fascia {height: 170px;}

}

@media screen and (max-width: 1280px){
 .logo img { width: 70%;}
 .menu-sinistra li { padding: 8px; }
 .menu-destra li {padding: 8px;}
/* #contact-icons {top: 66px;}*/
	.cta-home #contact-icons { top: 90px;}
 .phone img {width: 60%;}
 .mail img {width: 60%;}
 .title-slider3 {font-size: 16px; font-weight: 100; }
 .person {display: none;}
 .fascia {height: 170px;}
 .title-slider2 {font-size: 35px;}
 .title-slider3 {font-size: 18px;}
 .menu-destra { padding-top: 24px;}
 .menu-sinistra { padding-top: 24px;}
	
}

@media screen and (max-width: 1024px){
 p {font-size: 11px; width: 100%; float: none; padding-left: none;}
 .icona-servizio {width: 50%; display: block; float: none; margin-left: auto; margin-right: auto;}
 .interlinea { line-height: 20px; }
 .bgindex {background-position: center top;}
 .col-50-studio {width: 70%;}
 .col-50-studio p {font-size: 14px;}
 .video-measures {width: 70%; height: 400px;}
 .news-list {width: 47.33%}
 .intro-promo {width: 80%;}
 .logo li {padding: 6px 0 0;}
 .logo img {width: 65%;}
 .menu-destra li { padding: 4px 0 0 24px; }
 .menu-destra a {font-size: 12px; }
 .menu-sinistra li { padding: 4px 24px 0 0; }
 .menu-sinistra a {font-size: 12px; }
/* #contact-icons {top: 58px; right: 5px;}*/
	.cta-home #contact-icons { top: 55px;}
 .fascia {height: 144px;}
 .pagina {padding: 100px 0 0 0;}
 .informazioni-txt {font-size: 20px; background-color: #fff;     padding: 30px 20px 0; }
  .menu-destra { padding-top: 14px;}
 .menu-sinistra { padding-top: 14px;}
 .intro-promo {width: 90%;}
 .icona-terapie {width: 48%;}
 .content-terapie {width: 48%;}
 .list-terapie {width: 100%;}
 .footer-logo img {width: 40%; }


}

@media screen and (max-width: 940px){
 .menu-destra, .menu-sinistra {width: 30%;}
 .logo {width: 50%; padding: 0; text-align: center; float: left; }
 .logo img {width: 70%;}
 .menu-sinistra li {padding: 4px 6px 0 0;}
 .menu-destra li {padding: 4px 0 0 12px;}
/* #contact-icons {right: -1px; bottom: -37.5%; }*/
	.cta-home #contact-icons { top: 90px;}
 #masterslider, .ms-slide, .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont, .ms-view, .ms-slide-container, .ms-slide, .ms-sl-selected, .ms-view, .ms-scale-view {height: 500px!important;}
 .sfondobianco {width: 40%; background-color: #fff; height: 100px; float: right; }
 #promo-slider a{ width: 100%; z-index: 1; color: #fff!important;}
 .contact-image {display: none;}
 .table { width: 80%; }
 .table p {font-size: 14px;}
 .menu_responsive { font-weight: 700;  width: 30%; float: right; margin: 24px 0;}
 .menu_responsive button {color: #242424; background-color: transparent; font-size: 25px; border: none; padding: 0;}
 .nav { display: none; }
 ul.menu { display: none; padding: 0; }
 .sfondobianco {display: block;}
 .menu-destra, .menu-sinistra {display: none;}
 .responsive-menu {display: block;}
 /*#contact-icons {top: 100px; right: 0; left: 0; margin: 0 auto; padding: 0;} */
 .fiori1, .fiori2 {display: none;}
 .mapa {padding-bottom: 40px;}
 .mapaimg {top: -37px; left: 101px;}
 #home-slider {background-color: #fff;}
 .hps-btn {padding: 14px; font-size: 12px; }
 .title-slider2 { font-size: 30px; }
 .title-slider3 { font-size: 16px; }
 .container-servizi {width: 49%; padding: 2px 0 2px 2px; }
 .informazioni-txt {font-size: 24px;}
.news-title {font-size: 18px;}
.informazioni-contact {font-size: 18px;}
    .credits {padding: 6px 0;}
    .info-content {padding: 25px 0;}
    .titolo-trovarmi {padding: 17px 0;}
    .informazioni {    padding: 26px 0;}
}



@media screen and (max-width: 823px){
 .blocco-servizio {width: 30%;}
 .mid {padding-bottom: 5%;}
 .prenota-img {padding-top: 40px;}
 h1 {font-size: 25px;}
 .icon-logo-news img {width: 50%;}
 .blocco-promo-news { width: 80%;}
 .titolo-news {font-size: 15px;}
 .brand-img {width: 30%;}
 .brands-images {width: 70%;}
 .footer-logo img {width: 35%;}
 .col-50-studio {width: 88%;}
 .video-measures {width: 88%; height: 278px;}
 .intro { width: 62%; }
 .button {font-size: 14px;}
 .list-terapie section {margin: 30px 0 30px 0;}
 .content-terapie h2 { font-size: 20px; }
 .icon-logo img { width: 45%;}
 .content-terapie p {font-size: 14px;}
 .intro-promo {width: 90%;}
 .slide-center {width:80%;}



 #masterslider, .ms-slide, .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont, .ms-view, .ms-slide-container, .ms-slide, .ms-sl-selected, .ms-view, .ms-scale-view {height: 600px!important;}


}

@media screen and (max-width: 580px){
 .info-content {width: 50%;}
 .credits {margin-left: auto; margin-right: auto; width: 60%;}
 .news {width: 90%; padding: 25px 5%;}
 .blocco-servizio { width: 50%; }
 .prenota-img {width:100%; float: none;}
 .prenota-img img {float: none; padding-right: 0px;}
 .prenota {width: 80%; float: none; margin-left: auto; margin-right: auto; display: inline-block;}
 .prenota-txt {text-align: center; width: 100%;}
 p {font-size: 13px;}
 .intro { width: 80%; }
 .container-servizi {width: 98%;}
 .list-terapie {width: 97%;}
 .leggi-piu-terapie a {font-size: 14px;}
 .news-list {width: 100%;}
 .logo {width: 46%;     margin: 10px 0 0 16px; }
 .logo img { width: 250px; }
 .table { width: 90%; }
 .table p {font-size: 14px;}
 .mapaimg {display: none;}
 .fascia {height: 100px;}
 .pagina {padding: 68px 0 0 0;}
 .col-resp .immagine-dettaglio-promo {margin: 0;}
 .col-50.col-resp {width: 90%; margin: 0 auto; float: none; text-align: center;}
 .torna-indietro-promo {text-align: center; padding-bottom: 20px; }
 .menu { height: 69px;}
 #contact-icons { top: 15px;}
 .icona-terapie {display: none;}
 .content-terapie {width: 100%; float: none; padding: 0;}
 .footer-logo img {width: 50%; }
 .line-news {margin: 20px auto;}
 .line-promo {margin: 10px auto 0; }
 .brand-img {width: 50%; margin: 0 auto; }
    .blocco-servizio {width: 85%;}
 	
}

@media screen and (max-width: 400px){
 .intro { width: 90%; text-align: center;}
 .icon-logo {display: none;}
 .info1 {width: 100%;}
 .container-servizi {width: 99%;}
 .content-terapie {text-align: center; float: none; width: 100%; padding: 0;}
 .icona-terapie { text-align: center; width: 70%; float: none; margin-right: auto; margin-left: auto;}
 .table { width: 95%; }
 .table p {font-size: 14px;}
 
 /*#home-slider {height: 130px;}*/
 .logo img { width: 150px; }
 .logo { width: 50%; padding: 0 0; }
 .menu_responsive { width: 30%; margin: 18px 0;}
 .intro-promo { padding: 0; }
/* #contact-icons {top: 9vh;}*/
 .informazioni-txt { font-size: 18px;}
 	

}

@media screen and (max-width: 320px){
 .table { width: 98%; }
 .table { width: 98%; }
 .menu_responsive {right: 120px; top: 67px;}
/* #contact-icons {top: 8vh;}*/
 .brand-img {width: 60%;}
    .bgblue-info, .bgblue {width: 80%;}
    #contact-icons {display: none;}
    
}