@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active {
	  background-color: transparent;
	}
  }



  @media only screen and (min-width: 769px) and (max-width: 1024px) {


	.restorations-row h6 {
		font-size: 1.5vw;

	}

	.timeline__ul_text{
		font-size: 1.4vw;
	}

	.portfolio-item .thumb-inner h4 {
	
		font-size: 1.8vw;

	}

	.portfolio-item .thumb-inner p {

		font-size: 1.5vw;
	}


	.portfolio-item .thumb-inner {
		height: 10vw;

	}


	.contact-row i {
		width: 7vw;
		font-size: 3.5vw;
	}

	.contact-row {
	
		font-size: 1.4vw;
	}

	.contact-row i {
		font-size: 2vw;
		width: 3vw;
	}


	.contact-row i.fa-envelope {
		font-size: 2vw;
	}

	.form-control {
		height: 6vw;
		font-size: 1.4vw;
		margin-bottom: 30px;
	}

	.btn {
		font-size: 1.5vw;
	}

	.nav-box {
	
		padding-left: 7vw;
	}



  }



  @media only screen and (min-width: 601px) and (max-width: 768px) {
  

	.nav__title {
		font-size: 2.5vw;
		padding-bottom: 3vw;
	}

	#google-map {
		padding: 0;
		max-width: 70vw;
		height: 40vw;
		margin-left: 1%;
		padding-bottom: 2vw;
		margin-top: 3vw;
	}

	#google-map-overlay {
		width: 65vw;
		height: 44vw;
		max-width: 65vw;
		top: -3vw;
		margin-left: 3vw;
		border-radius: 1vw;
	}

	#google-map iframe {
		width: 48vw;
		height: 40vw;
		margin-left: 10%;
		padding-bottom: 2vw;
	}

	h2 {
		font-size: 2.6vw;
		font-weight: 300;
	}

	.contact-row {
		margin-bottom: 4vw;
		font-size: 2.1vw;
		padding: 4vw;
	}


	.title-block span {
		font-size: 2.9vw;
		font-weight: 300;
	}

	.portfolio-item .thumb-inner h4 {
		margin-bottom: 0;
		font-size: 2vw;
		margin-top: 0px;
	}

	.portfolio-item .thumb-inner p {

		margin-bottom: 0px;
		font-size: 1.6vw;
	}


	.restorations-row span {

		width: 8vw;
		height: 8vw;
	
		font-size: 3vw;
	}

	.timeline__item--year {
		font-size: 3.5vw;
	}

	.timeline__title {
		margin: 0;
		font-size: 2.7vw;
	}

	.letrom {
		font-family: RomanFont7;
		font-size: 2.5vw;
	}


	h3 {
		font-size: 2.2vw;
		font-weight: 600;
	}

	.timeline__ul_text {

		font-size: 2.3vw;
	}

	.restorations-row {
		margin-top: 10vw;
	}

	.row > * {
		max-width: 90%;
		width: 90%;
	}

	.gallery-section {
		text-align: center;
		padding-bottom: 2vw;
		margin-left: 15vw;
		width: 50vw;
	}


	.col-md-8 {
		flex: 0 0 auto;
		width: 100%;
	}

	.newsfram-section {
		margin-left: 1vw;
		margin-right: 3vw;
		width: 70vw;
	}

	
	.form-control {
		height: 7vw;
		border-radius: 8px;
		padding: 4px 22px;
		font-size: 2.1vw;
		margin-bottom: 30px;
	}

	.btn {
		line-height: 9vw;
		padding: 0 35px;
		border-radius: 0px;
		text-transform: uppercase;
		font-weight: 600;
		border: 2px solid #fff0;
		border-radius: 10px;
		background: rgba(78 44 33/ 60%);
		font-size: 2vw;
	}

	.timeline__ul_text {
		margin-left: -2vw;
		
	}

	.pau {
		font-family: Pau_the_1st;
		font-size: 3vw;
		opacity: 0.8;
	}

	.restorations-row h6 {
        font-size: 1.9vw;
        text-transform: uppercase;
        font-weight: 700;
       
    }
    .timeline__ul_text {
        font-size: 1.8vw;
		margin-left: -1vw;
    }



}



  @media only screen and (min-width: 481px) and (max-width: 600px) {
  

	.nav__title {
		font-size: 2.5vw;
		padding-bottom: 3vw;
	}

	#google-map {
		padding: 0;
		max-width: 70vw;
		height: 40vw;
		margin-left: 1%;
		padding-bottom: 2vw;
		margin-top: 3vw;
	}

	#google-map-overlay {
		width: 65vw;
		height: 44vw;
		max-width: 65vw;
		top: -3vw;
		margin-left: 3vw;
		border-radius: 1vw;
	}

	#google-map iframe {
		width: 48vw;
		height: 40vw;
		margin-left: 10%;
		padding-bottom: 2vw;
	}

	h2 {
		font-size: 2.6vw;
		font-weight: 300;
	}

	.contact-row {
		margin-bottom: 4vw;
		font-size: 2.5vw;
		padding: 4vw;
	}

	.title-block span {
		font-size: 2.9vw;
		font-weight: 300;
	}

	.portfolio-item .thumb-inner h4 {
		margin-bottom: 0;
		font-size: 2.8vw;
		margin-top: 0px;
	}

	.portfolio-item .thumb-inner p {

		margin-bottom: 0px;
		font-size: 2.4vw;
	}


	.restorations-row span {

		width: 8vw;
		height: 8vw;
	
		font-size: 3vw;
	}

	.timeline__item--year {
		font-size: 3.5vw;
	}

	.timeline__title {
		margin: 0;
		font-size: 2.7vw;
	}

	.letrom {
		font-family: RomanFont7;
		font-size: 2.5vw;
	}


	h3 {
		font-size: 2.2vw;
		font-weight: 600;
	}

	.timeline__ul_text {

		font-size: 2.3vw;
	}

	.restorations-row {
		margin-top: 10vw;
	}

	.row > * {
		max-width: 90%;
		width: 90%;
	}

	.gallery-section {
		text-align: center;
		padding-bottom: 2vw;
		margin-left: 15vw;
		width: 50vw;
	}


	.col-md-8 {
		flex: 0 0 auto;
		width: 100%;
	}

	.newsfram-section {
		margin-left: 1vw;
		margin-right: 3vw;
		width: 70vw;
	}

	
	.form-control {
		height: 7vw;
		border-radius: 8px;
		padding: 4px 22px;
		font-size: 2.5vw;
		margin-bottom: 30px;
	}

	.btn {
		line-height: 9vw;
		padding: 0 35px;
		border-radius: 0px;
		text-transform: uppercase;
		font-weight: 600;
		border: 2px solid #fff0;
		border-radius: 10px;
		background: rgba(78 44 33/ 60%);
		font-size: 2.5vw;
	}

	.timeline__ul_text {
		margin-left: -2vw;
		
	}

	.pau {
		font-family: Pau_the_1st;
		font-size: 3vw;
		opacity: 0.8;
	}

	.restorations-row h6 {
		font-size: 2.2vw;
		text-transform: uppercase;
		font-weight: 700;
		color: #fff;
		text-align: right;
		margin-bottom: 1px;
	}


}


@media only screen and (min-width: 320px) and (max-width: 480px) {

	.section-inner {
		padding: 0px;
	}

	.nav__title {
		font-size: 2.5vw;
		padding-bottom: 3vw;
	}

	#google-map iframe {
		width: 80vw;
		height: 40vw;
		margin-left: 4%;
		padding-bottom: 2vw;
	}

	#google-map {
		padding: 0;
		max-width: 70vw;
		height: 40vw;
		margin-left: 1%;
		padding-bottom: 2vw;
		margin-top: 3vw;
	}

	#google-map-overlay {
		width: 90vw;
		height: 44vw;
		max-width: 90vw;
		top: -3vw;
		margin-left: -2vw;
		border-radius: 1vw;
	}


	h2 {
		font-size: 4.2vw;
		font-weight: 300;
	}

	.contact-row {
		margin-bottom: 4vw;
		font-size: 2.9vw;
		padding: 4vw;
	}

	.title-block span {
		font-size: 4.9vw;
		font-weight: 300;
	}

	.portfolio-item .thumb-inner h4 {
		margin-bottom: 0;
		font-size: 3.5vw;
		margin-top: 0px;
	}

	.portfolio-item .thumb-inner p {

		margin-bottom: 0px;
		font-size: 3.4vw;
	}



	img {
		max-width: 35vw;
	}

	.timeline__title {
		margin: 0;
		font-size: 3.2vw;
	}

	.letrom {
		font-family: RomanFont7;
		font-size: 4.5vw;
	}


	h3 {
		font-size: 3vw;
		font-weight: 600;
	}

	.timeline__ul_text {

		font-size: 2.7vw;
	}

	.restorations-row {
		margin-top: 10vw;
	}

	.restorations-row h6 {
		font-size: 2.4vw;
	
	}

	.restorations-row span {
		width: 15vw;
		height: 15vw;
		font-size: 4vw;
	}

	.row > * {
		max-width: 90%;
		width: 90%;
	}


	.col-md-8 {
		flex: 0 0 auto;
		width: 100%;
	}

	.newsfram-section {
		margin-left: 1vw;
		margin-right: 3vw;
		width: 90vw;
	}

	.portfolio-item .thumb-inner {
		padding: 3vw;
		text-align: center;
		width: 100%;
		height: 15vw;
	}

	
	.form-control {
		height: 7vw;
		border-radius: 8px;
		padding: 4px 22px;
		font-size: 2.9vw;
		margin-bottom: 30px;
	}

	.btn {
		line-height: 9vw;
		padding: 0 35px;
		border-radius: 0px;
		text-transform: uppercase;
		font-weight: 600;
		border: 2px solid rgb(255,255,255);
		border-radius: 10px;
		background: rgba(78 44 33/ 60%);
		font-size: 3.2vw;
	}

	.timeline__ul_text {
		margin-left: -1vw;
		
	}

	.pau {
		font-family: Pau_the_1st;
		font-size: 3vw;
		opacity: 0.8;
	}

	.row > * {
		max-width: 100%;
		width: 90%;
	}


	.legend-section {
		background-color: rgb(47 47 47 / 75%);
        border-radius: 1vw;
        max-width: 100%;
        margin-left: 1vw;
        margin-right: 1vw;
        padding-top: 15vw;
		
	}

	.timeline-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
		margin-right: 1vw;
		padding-top: 3vw;
		
	}


	.timelineTL-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
		margin-right: 1vw;
		padding-top: 3vw;
		width: 98vw;
	}



	.story-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
	    margin-right: 1vw;
		padding-top: 3vw;
		width: 98vw;
	}
	


	.gallery-section {
		text-align: center;
		padding-bottom: 2vw;
		margin-left: 15vw;
		width: 70vw;
	}



	.contact-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
		margin-right: 1vw;
		padding-top: 3vw;
		width: 98vw;
	  }


	.news-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
		margin-right: 1vw;
		padding-top: 3vw;
		width: 98vw;
	}

	.map-section {
		  background-color: rgb(55 55 55 / 75%);
		border-radius: 1vw;
		max-width: 100%;
		margin-left: 1vw;
		margin-right: 1vw;
		padding-top: 3vw;
		
	}






	.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow {
		overflow-y: unset;
	}




	.timeline__item {
		width: 90%;
		margin: 1rem;
		font-size: 0.9vw;
	}

	.timeline__item--year {
		font-size: 6vw;
	}

	.timeline__item:before {
		left: 50%;
		top: calc(1% - 25px);
		border-style: solid;
		border-width: 10px;
		clip-path: polygon(51% 48%, 0% 100%, 100% 100%);
		right: -10px;
	    top: -20px;
		border-color: #8b4339 #8b4339 transparent transparent;
		transform: rotate(1deg);
	}

	.timeline__item:nth-of-type(2n):before {
		right: auto;
		left: 140px;
		border-color: transparent transparent #8b4339 #8b4339;
	}

	.contact-row i {
		width: 55px;
		font-size: 6vw;
		display: block;
	}

	#NewsIframe {
		border: 0;
		width: 90vw;
		margin-left: -9vw;
	}

	img {
		border: 0;
		max-width: 15vw;
	}

	.logo-petitemaison {
		width: 26vw;
	}

	.restoration-item {
		border-bottom: 1px solid rgba(250,250,250,0.1);
		margin-bottom: 8vw;
		padding-bottom: 8vw;
	}

	#slide04 .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow {
		overflow-y: auto;
	  }
	  
	  
	  #slide04TL {
	   
		height: 40%;
	  
	  }

	  .TextWrap {
		float: left;
		margin: 2vw;
		padding: 0.9vw;
	  }

	  .navbar-nav li a {
		color: transparent;
		font-size: 0vw;
		text-decoration: none;
		display: block;
		font-weight: 300;
		opacity: 0;
	  }

	  .nav-box {

		height: 0px;
	
		padding-left: 0vw;
	  }

	  ul.nav li {
		margin-right: 0vw;
		float: left;
		height: 0%;
		line-height: 0vw;
	  }


}