html {margin:0;padding:0;scroll-behavior: smooth;}
html a {font-weight:700!important ;}
	a {text-decoration: none;font-weight:bold;}
body {font-family:arial;margin:0;padding:0;background-image:url(../images/ochocos.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:bottom;}
h1 {margin-bottom:2vh;}
.contact h1 {font-family:arial!important;margin-top:10vh!important;margin-bottom:2vh;line-height:normal;font-weight:700!important;color:#000000!important;}
.contact {color:#000000;}
h2 {margin-top:10vh;margin-bottom:2vh;}
h3 {margin-top:10vh;margin-bottom:2vh;}
h4 {margin-top:10vh;margin-bottom:2vh;}
img {height:auto;max-width:100%;}

p {font-size:100%;}
ul li {font-size:100%;}
ol li {font-size:100%;}

.redbutton, .btn {border:4px solid #CA0000;border-radius:10px;padding:2px 10px;background-color:#CA0000;color:#FFFFFF;transition: 0.3s;font-weight:700;display:block;}
.redbutton:hover, .btn:hover {background-color:#8E0404;text-shadow:-1px -1px 1px #4F4F4F;}
.btnlist {margin-bottom:8px;}

.frameme {margin:0 auto;padding:0 2%;}

.round {border-radius:50%;}
.homeslider {margin-top:60px;}
.callbutton {text-align:center;text-transform:uppercase;  position: fixed;
  bottom:10px;width:100%;}
  .callbutton a {align-items: center;
  appearance: none;
  background-color: red;
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  display:block;
  box-sizing: border-box;
  color: #FFFFFF!important;
  cursor: pointer;
  font-weight:bold!important;
  width:100%;
  height: 50px;
  line-height:40px;
  justify-content: center;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;}
  .animate__animated.animate__fadeIn {
  --animate-duration: 2s;
}
  
#mod-custom115 {text-align:center;background-color:#000000;padding:14px 14px;color:#ccc;margin-top:50px;margin-bottom:64px;} 
#mod-custom115 a {color:red;font-weight:700;}
#mod-custom115 a:hover {color:darkred}
  
  
@media (min-width: 468px) {
.callbutton {display:none;}
.redbutton, .btn {display:inline-block;margin-bottom:0;}
}
@media (max-width: 640px) {
    h2 {font-size:8vw;}
   
}
@media (min-width: 641px) {
    h1 {font-size:4vw;margin-top:10vh;}
    h2 {font-size:3vw;}
    h3 {font-size:2vw;}
    h4 {font-size:1.7vw;}
    p {font-size:1.5vw;}
    ul li {font-size:1.3vw;}
ol li {font-size:1.3vw;}
#mod-custom115 {margin-bottom:0;}
}
@media (min-width: 768px) {
  }
@media (min-width: 992px) {
.frameme {margin:0 auto;padding:0 4%;}
.slideframe {width:108%;margin-left:-4%;}
h1 {font-size:4vw;margin-top:7vh;}
.contact h1 {font-size:4vw;margin-top:7vh!important;}
h2 {font-size:3vw;margin-top:7vh;}
h3 {font-size:2vw;margin-top:7vh;}
h4 {font-size:1.7vw;margin-top:7vh;}
	 
  }
@media (min-width: 1200px) {
}
@media (min-width: 2600px) {
}
  @media (max-width: 400px)  {
}
@media (max-width: 800px) and (min-width: 401px) {}
