.mobile{
display:none;
}
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}
.secondimg{
position:absolute;
bottom:280px;
height:90px;
width:150px;
left:400px;
}
.secondimg2{
position:absolute;
bottom:120px;
height:120px;
width:220px;
left:100px;
}
h3, h4{
 font-family: 'Lato', sans-serif;
 }
  img{
  height:550px;
  }
  #button{
  width:120px;
  margin:5px;
  }
  .carousel-caption {
    position: absolute;
    right: 50%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 350px;
    color:white ;
    text-shadow: 2px 2px black;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
width:70px;
height:70px;
background-color:red;
}
@media screen and (max-width:650px){
#carouselimg{
width:100%;
height:250px;
}
a.buttonLink{
padding:0px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
width:30px;
height:30px;
background-color:red;
}
.secondimg {
    position: absolute;
    bottom: 145px;
    height: 40px;
    width: 75px;
    left: 100px;
}
.secondimg2 {
    position: absolute;
    bottom: 80px;
    height: 40px;
    width: 75px;
    left: 20px;
}
#button {
    width: 70px;
    height:40px;
    margin: 5px;
    font-size: 10px;
}
.mobile{
display:block;
height:0px;
}
.mobile h3 {
    font-size:13px;
    position:relative;
    bottom:230px;
    padding-left: 50px;
    text-shadow: 1px 1px black;
}
.mobile h4 {
    font-size:10px;
    position:relative;
    bottom:230px;
    padding-left:8px;
    padding-left: 50px;
    text-shadow: 1px 1px black;

}
}