.img{
    width:30%;
     margin-left:500px;
      margin-top:40px;
}
.btext{
    color: whitesmoke;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
    ;
    font-size: x-large;
    margin-left: 450px;
}

.text{
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: large;
    /* margin-left: 450px; */
}
.rtext{
    color: whitesmoke;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
    ;
    font-size: x-large;
    margin-left: 20px;
}
.heading{
    color: whitesmoke;
    margin-left:630px ;
    font-size: xxx-large;
}
@media(max-width:600px){
    .img{
        width:100%;
        margin-left:auto;
        margin-top:auto;
    }

    .btext{
        color: whitesmoke;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
        ;
        font-size: x-large;
        margin-left: auto;
    }
    .heading{
        color: whitesmoke;
        margin-left:auto ;
        font-size: xxx-large;
    }
}
@media(min-width:601px){
    .img{
        width:40%;
        margin-left:auto;
        margin-top:auto;
    }

    .btext{
        color: whitesmoke;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
        ;
        font-size: x-large;
        margin-left: auto;
    }
    .heading{
        color: whitesmoke;
        margin-left:auto ;
        font-size: xxx-large;
    }
}

@media(min-width:768px){
    .img{
        width:40%;
        margin-left:auto;
        margin-top:auto;
    }

    .btext{
        color: whitesmoke;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
        ;
        font-size: x-large;
        margin-left: auto;
    }
    .heading{
        color: whitesmoke;
        margin-left:auto ;
        font-size: xxx-large;
    }
}

@media(min-width:992px){
    .img{
        width:30%;
         margin-left:500px;
          margin-top:40px;
    }
    .btext{
        color: whitesmoke;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
        ;
        font-size: x-large;
        margin-left: 450px;
    }
    
    .heading{
        color: whitesmoke;
        margin-left:630px ;
        font-size: xxx-large;
    }
}

.container {
    position: relative;
    text-align: center;
    color: white;
  }
  
  .bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
  }
  
  .top-left {
    position: absolute;
    top: 8px;
    left: 16px;
  }
  
  .top-right {
    position: absolute;
    top: 8px;
    right: 16px;
    color:white
  }
  
  .bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
  }
  
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .button {
    background-color: #f4511e;
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    opacity: 0.6;
    transition: 0.3s;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
  }
  
  .button:hover {opacity: 1}