/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-Jul-2018, 09:46:46
    Author     : richardhickson
*/
.smhead1{
right: 5px;
bottom: 5px;}
.smhead2{
left: 5px;
top: 5px;}

.palacete{bottom:5px;left:0}
.casabottom {
    width:70%;
}
ul {
    margin: 10px 0 20px 5px;
}
 .slick-prev {
     visibility: hidden;
 }
.contact h1{letter-spacing: 14px;}
section.firstsec {
    min-height: 640px;
    padding: 80px 0 100px;
}
.slick-next {
    right: 20px;
}
section {
    min-height: 0;
    padding: 60px 0;
}
.pad15050{ padding: 80px 0 25px;}
.pad50150{padding:25px 0 80px;}
.introtext{padding:10px 5px}
.fixed-bg-middle-center {
    background-size:cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    background-position: center 0%, center 50% !important;
    background-repeat: repeat, no-repeat !important;
    background-size: cover !important;

}
.introtext h1{width:100%}
h1:after,h1:before{bottom:0}
.fixed-bg-middle{background-size:contain !important; background-repeat:no-repeat !important} 
        .simpletext{margin-top:0px;}
        h2{font-size:20px;}
        .contact h1{font-size:20px}
        .textwhite a{font-size:12px}
        .contactblock p.main{font-size: 18px}
        .contact h1:after,.contact h1:before{top:-10%}
  h1{font-size:28px}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .casabottom {
    width:70%;
}
     .slick-prev {
     visibility: hidden;
 }
    .slick-next {
    right: 20px;
}
    ul {
    margin: 10px 0 20px 5px;
}
    .pad15050{ padding: 80px 0 25px;}
.pad50150{padding:25px 0 80px;}
    .contact h1{letter-spacing: 14px;}
    section.firstsec {
    min-height: 640px;
    padding: 80px 0 100px;
}
    .introtext{padding:10px 5px}
    .introtext h1{width:100%}
    h1:after,h1:before{bottom:0}
        .contact h1:after,.contact h1:before{top:-10%}
        .simpletext{margin-top:0px;}
  h2{font-size:20px;}
  h1{font-size:28px}
        .contactblock p.main{font-size: 18px}
  
        .textwhite a{font-size:12px}

        .contact h1{font-size:20px}
}

@media screen and (min-width: 480px) {
    .smhead1{
right: 10px;
bottom: 5px;}
.smhead2{
left: 10px;
top: 5px;}
    .palacete{bottom:10px;left:10px}
    .casabottom {
    width:70%;
}
    
 .slick-prev {
     visibility: hidden;
 }
    .slick-next {
    right: 20px;
}
       ul {
    margin: 10px 0 20px 5px;
}
    .pad15050{ padding: 80px 0 25px;}
.pad50150{padding:25px 0 80px;}
    .contact h1{letter-spacing: 16px;}
    section.firstsec {
    min-height: 640px;
    padding: 80px 0 100px;
}
    section {
    min-height: 0;
    padding: 50px 0;
}
    .introtext{padding:15px 10px}
    .introtext h1{width:95%}
    h1:after,h1:before{bottom:2px}
  h1{font-size:32px}
        .contact h1:after,.contact h1:before{top:10%}
        .contactblock p.main{font-size: 24px}
        .textwhite a{font-size:18px}
       .fixed-bg-middle{background-size:contain !important; background-repeat:no-repeat !important} 
         .simpletext{margin-top:10px;}
           h2{font-size:24px;}
           
        .contact h1{font-size:26px}
}

@media screen and (min-width: 764px) {
    .smhead1{
right: 80px;
bottom: 20px;}
.smhead2{
left: 40px;
top: 25px;}
      .palacete{bottom:20px;left:20px}
    .casabottom {
    width:90%;
}
    .slick-next {
    right: -5px;
}
 .slick-prev {
     visibility: visible;
 }
       ul {
    margin: 10px 0 20px 10px;
}
    .pad15050{ padding: 120px 0 50px;}
.pad50150{padding:50px 0 120px;}
    .contact h1{letter-spacing: 25px;}
    section.firstsec {
    min-height: 840px;
    padding: 120px 0;
}
    section {
    min-height: 200px;
    padding: 120px 0;
}
    .introtext{padding:20px}
    .introtext h1{width:90%}
        h1:after,h1:before{bottom:5px}
      h1{font-size:34px}
    .fixed-bg-middle{background-size:cover !important} 
    .simpletext{margin-top:30px;}
      h2{font-size:24px;}
}
@media (min-width: 767px) {
}

@media (min-width: 768px) {   h1{font-size:36px} h2{font-size:26px;}
}

@media screen and (min-width: 850px) {
}

@media screen and (min-width: 1000px) {
}

@media screen and (min-width: 1060px) {
}


@media screen and (min-width: 1200px) {
}