/*styles for the template partial Hero and Hero type 1*/

section.panel-gallery-1{
    padding: 0 0 80px;
    position: relative;
}

section.panel-gallery-1 .icons{
    margin-bottom: 40px;
    padding-left:0;
	position: relative;
	/*right: 120px;*/
}

section.panel-gallery-1 .panel-gallery-1-icon{
    width: 80px;
    height: 80px;
    border: solid 1px;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    text-transform: uppercase;
}

section.panel-gallery-1 .row.gallery .box {
    border: solid transparent;
    position: relative;
}

section.panel-gallery-1 .panel-gallery-1-content {
    padding: 40px 10%;
    z-index: 2;
}

section.panel-gallery-1 .panel-gallery-1-photo-2 {
    margin-bottom: 15px;
    width:70%;
}

section.panel-gallery-1 .panel-gallery-1-photo-3 {
    width:90%;
}

section.panel-gallery-1 .gallery{
	position: relative;
	z-index: 1;
    margin-left: -10%;
}

section.panel-gallery-1 .photo-column {
    padding: 0 15px;
}

section.panel-gallery-1:not(.has-icons) .gallery{
    margin-top:20px;
}

section.panel-gallery-1 .row.gallery .justify-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

section.panel-gallery-1 .panel-gallery-1-cta {
    margin: 40px 0 0 -80px;
    display: flex;
    overflow: hidden;
}

/***********************/
/* Responsive styles */
/***********************/
@media (max-width: 768px){

    .panel-gallery-1-photo-4 {
        margin-top: 20px;
    }
}

@media (min-width: 768px){

    section.panel-gallery-1 .panel-gallery-1-content {
        position: absolute;
        top:0;
        right:0;
        width: 50%;
    }

}

@media (max-width: 992px){

    section.panel-gallery-1 .icons {
        justify-content: center;
        display: flex;
    }
}

/* It was 992 before */
/* Changed it for design purposes */
/* @media (max-width992px) */

@media (min-width: 1200px){

    section.panel-gallery-1{
        margin-bottom: 40px;
    }

    section.panel-gallery-1 .panel-gallery-1-photo-3{
        margin-bottom: -100px;
    }

    section.panel-gallery-1 .panel-gallery-1-photo-4{
        width: 120%;
    }

    section.panel-gallery-1 .panel-gallery-1-icon{
        margin-right: 40px;
    }

    section.panel-gallery-1{
        padding: 80px 0 0;
    }

    section.panel-gallery-1 .panel-gallery-1-photo-2 {
        margin-bottom: 15px;
        width:60%;
    }

    section.panel-gallery-1 .panel-gallery-1-photo-3 {
        width: 100%;
    }

    section.panel-gallery-1:not(.has-icons) .gallery{
        margin-top:80px;
    }

    section.panel-gallery-1 .panel-gallery-1-content p {
        margin-left: 80px;
		line-height: 2em;
    }

    section.panel-gallery-1 .panel-gallery-1-content {
        padding: 80px 80px;
    }

    section.panel-gallery-1 .panel-gallery-1-cta {
        margin: 80px 0 0 -80px;
    }

}

@media (min-width: 1800px){


    section.panel-gallery-1 .section-title, 
    section.panel-gallery-1 .section-subtitle {
        max-width: 50%;
    }

}

@media (min-width: 1800px){


}



/* icons + photos -j*/
@media (min-width: 921px) and (max-width: 1480px){

    section.panel-gallery-1{
        padding-right: 30px;
        padding-bottom: 100px;
    }
	
    section.panel-gallery-1 .panel-gallery-1-icon{
        margin-right:3px;
		text-transform: uppercase;
    }
   
}


/* Changing the height of the text margin on the amenities text */
section.panel-gallery-1 .panel-gallery-1-content p {
    line-height: 1.5rem;
}



/* icons + photos -j*/
@media (max-width: 990px) and (min-width: 770px)
{	
      section.panel-gallery-1 .gallery{
    	padding-bottom: 100px;
	    left: -10%;
	    z-index:1;
	    top: 100px;
    }
    section.panel-gallery-1 .panel-gallery-1-icon{
        margin-top:4rem;
        margin-right:5px;
    }
     section.panel-gallery-1 .icons {
        left: -140px;
    }
  
}