* {
  font-family: 'Rubik', sans-serif;
   }   
   
  #main {
  display: flex;
  justify-content: center;
  align-items: center;
  }

  .select {
    width: 70%;
    font-size: 22px;
  }
   body {
    width:100%; height:100%; overflow-x:hidden
   }
   .container{
    width: 100%;
   }
  .content {
   height: 100%;
 }
  .order-card {
   color: #fff;
  }
  .bg-c-green {
   background: linear-gradient(45deg,#2ed8b6,#59e0c5);
  }
  .bg-c-yellow {
   background: linear-gradient(45deg,#FFB64D,#ffcb80);
  }
  .bg-c-pink {
   background: linear-gradient(45deg,#FF5370,#ff869a);
  }
  .bg-c-blue {
   background: linear-gradient(45deg,#4099ff,#73b4ff);
  }
  .bg-c-today {
   background: #31B3D0;
   background: -webkit-linear-gradient(top right, #31B3D0, #F33A9F);
   background: -moz-linear-gradient(top right, #31B3D0, #F33A9F);
   background: linear-gradient(to bottom left, #31B3D0, #F33A9F);
  }
  .card {
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
   box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
   border: none;
   margin-bottom: 30px;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
  }
  .card2 {
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
   box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
   border: none;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
  }
  .card .card-block {
   padding: 25px;
  }
  .order-card i {
   font-size: 26px;
  }
  .card2 .card-block {
   padding: -25px;
  }
  .order-card2 i {
   font-size: 26px;
  }
  .f-left {
   float: left;
  }
  .f-right {
   float: right;
  }

  
@media (max-width: 1300px) {
 .card {
      min-height: 180px;
      justify-content: center;
 }
}
@media (max-width: 767px){
 .card {
       min-height: auto;
       justify-content: center;
 } 
}

.content-block{
 background: no-repeat center center;
 background-size:cover;
 overflow:hidden;
   padding: 0px 0px;
 color: rgb(5, 5, 5);
}
.parallax{
   padding: 32px;
   margin-bottom: 0px;
   background-image: url(../images/2.jpg);
   border-radius: 5px;
   display: flex;
}
.parallax p{
   color: #fff;
   font-size: 30px;
   padding: 0px;
   margin: 0px;
   position: relative;
   width: 100%;

}

.block-body {
 margin-top: 60px;
}


#parallax h1{
 margin-bottom: 60px;
 color:#000;
}

#footer{
background: #2B3E51; color: white;
padding:1px;
}
#footer a{
 color: rgb(110, 202, 255);
   }

p {
   display: block;
   margin-block-start: 0em;
   margin-block-end: 0em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}
.frame{
   color: #000000;
   font-size: 30px;
   text-decoration: none;
   width: 100%;
   border: 2px solid #e74b72;
   background-color: #ffe4b3;
   padding: 10px 10px;
   margin-bottom: 20px;
 }

 .frame2{
   color: #000000;
   font-size: 30px;
   text-decoration: none;
   width: 100%;
   border-radius:5px;
   background: #E3DD6E;
   background: -webkit-linear-gradient(top right, #E3DD6E, #78CBFC);
   background: -moz-linear-gradient(top right, #E3DD6E, #78CBFC);
   background: linear-gradient(to bottom left, #E3DD6E, #78CBFC);
   padding: 10px 10px;
 }
 .frame3{
   color: #000000;
   font-size: 30px;
   text-decoration: none;
   width: 100%;
   border: 2px solid #e74b72;
   background-color: #ffe4b3;
   padding: 10px 10px;
   margin-bottom: 30px;
   margin-top: 30px;

 }