body {
background-color: rgb(255,255,255);
margin: 0px;
color: rgb(0,0,0);
width: 100%;
}

/*         									            SLIDER             */


.container {
	width:30vw;
    height:30vw;
	float: left;
	margin:20px;
	margin-top:0px;
	border:5px solid black;
    }
	
	
.present {
	position:relative;
	display: inline-block;
	width:100%;
	background-color:rgb(255,255,255);
}


.testopres {
	width:60%;
	float: right;
	margin:20px;
	margin-top:0px;
}

.testopres p {
	margin:0px;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
}
	

.fs-slide-bg {
	width: 100%;
	height:auto;
}

.fs-slide{
	width:100%;
	height:auto;
}
	.slide-content {
      position: absolute;
      top: 50%;
      left: 50%;
      color: white;
      text-align: center;
      text-shadow: 0 0 20px rgba(0,0,0,0.5);
      z-index: 1;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }

    .slide-content p {
      font-size: calc(1rem + 10 * (100vw - 375px)/ (1199 - 375));
      font-weight: 100;
      margin-top: 0;
      margin-bottom: 0.5em;
    }

.fs-slide-bg img {
	width:auto;
	height:100%;
}


.contacti {
	width:80vw;
	display:inline-block;
	margin:10vw;
	text-align:right;
}
.contacti div {
	width:26vw;
	float:left;
	text-align:center;
}
.contacti p{
	color:rgb(0,0,0);
	width:100%;
	float:left;
	margin:0px;
	font-size:60px;
}
.contac {
  text-decoration: none;
  outline: none;
  display: inline-block;
  width: 250px;
  height: 60px;
  line-height: 60px;
  border-radius: 45px;
  margin: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  color: #524f4e;
  background: white;
  box-shadow: 0 8px 15px rgba(0,0,0,.1);
  transition: .3s;
}
.contact {
  text-decoration: none;
  outline: none;
  display: inline-block;
  width: 250px;
  height: 60px;
  line-height: 60px;
  border-radius: 45px;
  margin: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  color: #524f4e;
  background: rgb(200,200,200);
  box-shadow: 0 8px 15px rgba(0,0,0,.1);
  transition: .3s;
}
.contact:hover {
  background: rgb(0,0,0);
  box-shadow: 0 15px 20px rgb(0,0,0);
  color: white;
  transform: translateY(-7px);
}

.contac:hover {
  background: rgb(0,0,0);
  box-shadow: 0 15px 20px rgb(0,0,0);
  color: white;
  transform: translateY(-7px);
}



@media screen and (max-width: 1000px) {
	.container {
	width:95vw;
    height:95vw;
	left:5vw;
    }
	.testopres {
	width:90vw;
	float:left;
	}

}