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

  .mimages{
    background-image: url("../images/main.jpg");
    background-color: #000000;
    height: 100%;
    background-position: -1000px -300px;
    background-repeat: no-repeat;
    margin-top: 10px;
   }

   h1 {
     font-size: 30px;
     font-weight: bold;
     #display: flex;
     align-items: center;
     text-align: center;
     line-height: 50px;
     color:black;
   }

   .jumbotron {
     background-image: linear-gradient(#C5FAD4, #028A2F);
     color:#38B900;
     text-align: center;
     text-transform: uppercase;
     padding:10px 0px;
     margin-bottom: 10px;
   }

   .tmain {
     font-size: 20px;
     font-weight: bold;
     height: 30px;
     #display: flex;
     align-items: center;
     text-align: center;
     line-height: 30px;
   }

   .tasesorias {
     margin-top: 10px;
     font-size: 20px;
     font-weight: bold;
   }
   .cfuente {
     color:blue;
     font-size: 28px;
   }

   h2 {
     font-size: 15px;
     font-weight: bold;
     #display: flex;
     align-items: center;
     text-align: center;
     line-height: 50px;
     color:black;
   }

   h3 {
     font-size: 12px;
     font-weight: bold;
     #display: flex;
     align-items: center;
     text-align: center;
     color:black;
   }

   .tasesorias {
     margin-top: 20px;
     font-size: 15px;
     font-weight: bold;
   }

   .asesorias {
     border-radius: 44px 44px 44px 44px;
     -moz-border-radius: 44px 44px 44px 44px;
     -webkit-border-radius: 44px 44px 44px 44px;
     border: 0px solid #000000;
     color: white;
     height: 250px;
     float: none;
     margin: 0 auto;
     margin-top: 10px;

   }
}


@media only screen and (max-width: 1080px) {
  .mimages{
    background-image: url("../images/main.jpg");
    background-color: #000000;
    height: 350px;
    background-position: -950px -200px;
    background-repeat: no-repeat;
    margin-top: 10px;
   }

   .cfuente {
     color:blue;
     font-size: 30px;
   }

   .tmain {
     font-size: 20px;
     font-weight: bold;
     height: 50px;
     #display: flex;
     align-items: center;
     text-align: center;
     line-height: 50px;
   }

   .copacity {
     /* background-color: rgba(0, 0, 0, .1); */
     /* background-color:rgb(152,152,152); */
     /* opacity:0.4; */
     /* filter: alpha(opacity=50); */
     width:400px;
     height:100px;
     /* border-radius: 44px 44px 44px 44px;
     -moz-border-radius: 44px 44px 44px 44px;
     -webkit-border-radius: 44px 44px 44px 44px; */
     margin-top: 30px;
     margin-left: -20px;
   }

   .tasesorias {
     margin-top: 20px;
     font-size: 15px;
     font-weight: bold;
   }
   .asesorias {
     border-radius: 44px 44px 44px 44px;
     -moz-border-radius: 44px 44px 44px 44px;
     -webkit-border-radius: 44px 44px 44px 44px;
     border: 0px solid #000000;
     color: white;
     height: 250px;
     float: none;
     margin: 0 auto;
     margin-top: 10px;

   }
}

@media only screen and (max-width: 990px) {
  .mimages{
    background-image: url("../images/main.jpg");
    background-color: #000000;
    height: 350px;
    background-position: -1050px -200px;
    background-repeat: no-repeat;
    margin-top: 10px;
   }

   .asesorias {
     border-radius: 44px 44px 44px 44px;
     -moz-border-radius: 44px 44px 44px 44px;
     -webkit-border-radius: 44px 44px 44px 44px;
     border: 0px solid #000000;
     color: white;
     height: 300px;
     float: none;
     margin: 0 auto;
     margin-top: 10px;

   }
}