*{
    margin:0;
    padding:0;
    font-family: arial;
}

@font-face {
    font-family: 'coloridea';
    font-family: 'coloridea2';
    src: local ('coloridea')
          url('../fonts/trebuc.ttf') format('truetype');
    src: local ('coloridea2')
      url('../fonts/trebucbd.ttf') format('truetype');}

p {
    padding: 15px;
    text-align: center;
}

.btn-coloridea, a {
    color: #444;
    font-size: 1.2em;
}

.btn-coloridea:hover, a:hover {
    color: chocolate;
}
.container {
    background:url("../img/ipad_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;


    width:100%;
    
}
.row {
    height: 99vh;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
   
}
.bg {
  
    width:70vw;
    margin:auto;
     
}
.bg-white {
    position: relative;
    top: 50%;
    background: #fff;
    
}
.slick-slider{
 /*   position: absolute;
    top:30%;*/
    width:80%;
    padding:10px;
    margin:auto;
    display:block;
}
.center {
    background: #fff;
    width: 70%;
    align-self: center;

}
.slick-slide img {
    width: 100%;
    max-width: 440px;
    height: auto;
    margin: 0 5px;
}
.slick-prev::before, .slick-next::before {
   color: #000;
    font-size: 30px;
}
.slick-prev {
    left: -60px;
}
.slick-next {
    right:-60px;
}

.btn-coloridea {
/*
    position: relative;
    top: 400%;
*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(0deg,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(0deg,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(360deg,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: .5px solid #aaa;

   
}
.btn-holz {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2d192+0,c69c6d+63,8c6239+65,c69c6d+100 */
    background: #f2d192; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2d192 0%, #c69c6d 63%, #8c6239 65%, #c69c6d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f2d192 0%,#c69c6d 63%,#8c6239 65%,#c69c6d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f2d192 0%,#c69c6d 63%,#8c6239 65%,#c69c6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d192', endColorstr='#c69c6d',GradientType=0 ); /* IE6-9 */
    
    border:.5px solid #603d00;
    color:#fff;
    font-weight: 600;
    margin-top: 10px;
    
    
}

.btn {
    padding: 12px 15px;
    font-size: 12pt;
    font-weight: 500;
}
.slick-slide {
    margin:0 15px;
    opacity:.3;
    width:100%;
    
}
.slick-slide img {
    min-width:100px;
    width:100%;
    margin:5px;
}

.slick-center {
    opacity:1;
    width:100%;
}

.posAbs {
    margin-top:15px;
    position: relative;
    left: 45%;
    

}
.woody{
    max-width:440px;
    max-height: 504px;
}
.textColor{
    align-self:flex-start; 
    margin-top: -150px;
    position:absolute; 
    left:0; 
    right:0; 
    font-size: 25px;
    font-weight: 600;
}

@media (max-width:992px){
    .container {
        background:url(../img/color.jpg);
        background-size: cover;
        background-repeat: no-repeat;
/*        background-position: center;*/
        border-radius: 30px;
        border:1px solid #3e3e3e;
        margin: 5px;
    }
    .bg {
        background:rgba(255,255,255,.7);
        position:absolute;
        left:0;
        right:0;
        top:5%;
        margin-top: 15px;
        border-radius: 20px;
        border: 1px solid #e3e3e3;
        
    }
    .btn {
    padding: 7px 8px;
    }
    .btn-holz, .btn-coloridea { font-size:12px;
        font-weight: 400;
    }
    .center {
        border-radius:15px;
    }

    
    .textColor {
        margin-top: 15px;
    position:relative;
        font-size: 15px;
    }
    .posAbs {
    margin-top:15px;
    position: relative;
    left: 35%;
    margin-bottom: 25px;
}
    
}
@media screen and (max-width:768px) {

    
}