@media screen {
	
  /* pricing */
  #pricing{

  }

  
  #pricing h2.heading{
    font-family:var(--wp--preset--font-family--display);
    text-align:center;
    padding-bottom:20px;
    letter-spacing: 1.2px;
  }


  #packages-container{
    background:var(--wp--preset--color--display);
  }

  #packages{
    display:flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: stretch;
  }

  #packages .package{
    flex:1 1 350px;
    text-align:center;
    background-color: var(--wp--preset--color--first-color);
    color: var(--wp--preset--color--display);
    border-radius: 15px;
    padding: 30px;
    position: relative;    
  }

  #packages .package h2{
    font-family: var(--wp--preset--font-family--display);
  }

  #packages .package p{
    margin:0;
  }

  #packages .package p:nth-child(3){
    font-weight:bold;
    font-size:var(--wp--preset--font-size-xl);
  }

  #packages .items{
    text-align:left;
    margin-top:20px;
  }

  #packages .description{
    text-align:left;

  }




  #time-blocks-container{
    background:var(--wp--preset--gradient--subtle);
  }



  #time-blocks{
    display:flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: stretch;
    margin-top:30px;
  }

  #time-blocks .time-block{
    flex:1 1 150px;
    text-align:center;
    background-color: var(--wp--preset--color--first-color);
    color: var(--wp--preset--color--display);
    border-radius: 15px;
    padding: 70px 30px 30px 30px;
    position: relative;
  }

  #time-blocks .time-block p.circle{
    background-color: var(--wp--preset--color--display);
    color: var(--wp--preset--color--base);
    font-weight: 600;
    padding: 15px;
    font-family: var(--wp--preset--font-family--display);
    font-size:var(--wp--preset--font-size--l);

    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;

    width:60px;
    height:60px;
  }


  #time-blocks p{
    margin:0;
  }

  .time-block p.hours{
    font-size:var(--wp--preset--font-size--xxl);
    font-weight:600;
  }

  .time-block p.per-hour{
    font-size:var(--wp--preset--font-size--xxl);
    font-weight:400;
  }





  #maintenance-container{
    background:var(--wp--preset--color--display);
  }


  #maintenances{
    display:flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: stretch;
  }

  #maintenances .maintenance{
    flex:1 1 250px;
    text-align:center;
    background-color: var(--wp--preset--color--first-color);
    color: var(--wp--preset--color--display);
    border-radius: 15px;
    padding: 30px;
    position: relative;    
  }

  #maintenances .maintenance h2{
    font-family: var(--wp--preset--font-family--display);
  }

  #maintenances .maintenance p{
    margin:0;
  }  



  #maintenances .maintenance p.per-hour{
    font-weight:bold;
    font-size:var(--wp--preset--font-size--xl);
  } 

  #maintenances .maintenance p.description{
    text-align:left;
  } 

  /* END pricing */


  .circle {
    width: 50px;
    height: 50px;
    background-color: #555;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid white;
    margin-top: 4px;
  }



	#reviews{
		display:flex;
		gap:30px;
		justify-content:center;
		flex-wrap:wrap;
	}
	
	#reviews .review{
		flex:0 0 300px;
		min-width:200px;
		max-width:350px;
		
	}
	
	#reviews .review .header{
		border-radius:30px 0 0 0;
		background-color:#555;		
		padding:5%;
		color:white;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	
	#reviews .review img.quote{
		filter:invert(1);
	}

	#reviews .review .body{
		border-radius: 0 0 30px 0;
		background-color:#fff;		
		padding:5%;
	}
	
	#reviews .review p.author,
	#reviews .review p.location	{
		margin:0;
	}
	

}


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


}