/*!
 * Start Bootstrap - The Big Picture (https://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */

body {
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  font-family: 'Yantramanav', sans-serif;
  color: #97a0a2;
  text-align:center;
}

a.hp_button {
    font-size: 2rem; 
    text-decoration:none;
    color: #8e8e8e;
    padding: 0.5rem;
    border: 1px solid #dbdbdb;
    margin: 0 7rem;
    width: 20rem;
    display: inline-block;}
h1 {font-size: 8rem;}
img {width:90%;}

.hoverbtn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.hoverbtn:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hoverbtn:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* Effect 6 */
 .hoverbtn.effect-6 {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.6s, color 0.6s;
    -moz-transition: background 0.6s, color 0.6s;
    transition: background 0.6s, color 0.6s;
}
.hoverbtn.effect-6:hover {
    background: #97a0a2;
    color: #fff;
}
.hoverbtn.effect-6:hover:before {
    -webkit-animation: spinAround 3s linear infinite;
    -moz-animation: spinAround 3s linear infinite;
    animation: spinAround 3s linear infinite;
}



@media (max-width: 1199px) { 
	h1 {font-size:6rem;}
	a.hp_button {margin: 0 3rem;}
}
@media (max-width: 991px) {
	a.hp_button {margin: 0 auto;}
	}

@media (max-width: 767px) { 
	h1 {font-size:4rem;}
	a.hp_button {width: 100%;}
}
@media (max-width: 575px) { 
	h1 {font-size:3rem;}
}