/*
 * Start Bootstrap - One Page Wonder (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    margin-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('../img/masui1900x400.png') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    border-top: 1px solid #e2bc01;
    border-bottom: 1px solid #e2bc01;
}

.headline {
    padding: 35pxpx 0;
}

    .headline h1 {
        font-size: 130px;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .headline h2 {
        font-size: 77px;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

.featurette-divider {
    margin: 10px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image {
    max-height: 200px;
    margin: auto;
    margin-top: 15%;
}

    .featurette-image.pull-left {
        margin-right: 40px;
    }

    .featurette-image.pull-right {
        margin-left: 40px;
    }

.featurette-heading {
    font-size: 25px;
}

.featurette .lead {
    font-size: 15px;
    text-align: justify;
}

.img-circle:hover{  
    -webkit-animation:spin 0.7s linear;
    -moz-animation:spin 0.7s linear;
    animation:spin 0.7s linear;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.portfolio-item {
  perspective: 1000;
}

/*.portfolio-img:hover {
	transition: 3s;
	transform-style: preserve-3d;

	position: relative;
	transform: rotateY(360deg);
}*/

footer {
    margin: 50px 0;
}

.container-masui {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

footer.bg-inverse {
    margin: 15px 0px 0px 0px;
    text-align: center;
}

    footer.bg-inverse p {
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: bold;
    }

.bg-inverse {
    background: url('../img/fondo-mosaico-grande.png') repeat center center scroll;
    color: #905813;
    border-top: 1px solid #e2bc01;
    border-bottom: 1px solid #e2bc01;
}

    .bg-inverse.products-section {
        padding-bottom: 30px;
    }
	
	.bg-inverse.products-section .row-portfolio {		
		margin-bottom: 26px;
		margin-top: 35px;
	}
	
	.bg-inverse.products-section .portfolio-item a img{
		border: 2px solid #9c8100;
		border-radius: 7px;
    margin: 10px 0px;
	}

    .bg-inverse .container-heading {
        color: #ce0000;
    }
	
	.bg-inverse.products-section .card-item{
		background: #ffffff;
		border: 1px solid brown;
		margin: 20px 0px;
		padding: 2px 25px;
		border-radius: 8px;
	}
	
	.bg-inverse.products-section .first-products-row .card-item{
		min-height: 380px;
	}	
	
	.bg-inverse.products-section .second-products-row .card-item{
		min-height: 390px;
	}
	
	.bg-inverse.products-section .third-products-row .card-item{
		min-height: 290px;
	}
	
	.bg-inverse.products-section .fourth-products-row .card-item{
		min-height: 150px;
	}

	.bg-inverse.products-section .card-item ul{
		color: #ad5813;
	}	

    .bg-inverse .lead {
        font-size: 18px;
    }

    .bg-inverse .text-muted {
        color: #ce0000;
    }

    .bg-inverse h5 {
        text-decoration: underline;
        font-weight: bold;
    }

    .bg-inverse h6 {
		text-align: justify;
		color: #ad5813;
    }

.section-info {
    padding-left: 10%;
    padding-right: 10%;
}

.container-heading {
    text-align: center;
    font-weight: bold;
}

.navbar-inverse {
    background-color: #FFFFFF;
    border-color: #d0ac04;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #d0ac04;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            color: #a58802;
        }

    .navbar-inverse .navbar-brand {
        color: #b70303;
    }

        .navbar-inverse .navbar-brand:hover, .navbar-header #link-home:visited, .navbar-header #link-home:active {
            color: #6f0101;
        }

.nav.navbar-nav .link-section:hover, .nav.navbar-nav .link-section:visited, .nav.navbar-nav .link-section:active {
    color: #a58802;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffd200;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #ffd200;
}

    .navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #ffffff;
    }

.navbar-inverse .navbar-toggle {
    border-color: #ffd200;
}

.contact-info {
    text-align: center;
}

    .contact-info p {
        margin: 0px;
        font-weight: bold;
        font-size: 14px;
    }

@media(max-width:1344px) {	
	.bg-inverse.products-section .second-products-row .card-item{
		min-height: 390px;
	}
}
	
@media(max-width:1190px) {
	.bg-inverse.products-section .first-products-row .card-item{
		min-height: 385px;
	}	
	
	.bg-inverse.products-section .second-products-row .card-item{
		min-height: 440px;
	}
}

@media(max-width:1050px) {	
	.bg-inverse.products-section .second-products-row .card-item{
		min-height: 440px;
	}
}

@media(max-width:991px) {
    .headline h1 {
        font-size: 105px;
    }

    .headline h2 {
        font-size: 50px;
    }

    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 50%;
        max-height: 150px;
    }

        .featurette-image.pull-left {
            margin-right: 10px;
        }

        .featurette-image.pull-right {
            margin-left: 10px;
        }

    .featurette-heading {
        font-size: 22px;
    }
}

@media(max-width:768px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-heading {
        font-size: 22px;
    }
}

@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }

    .headline h2 {
        font-size: 32px;
    }

    .featurette-divider {
        margin: 10px 0;
    }
	
}

@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }

        .headline h1 {
            font-size: 60px;
        }

        .headline h2 {
            font-size: 30px;
        }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
        max-height: 100px;
    }

        .featurette-image.pull-left {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .featurette-image.pull-right {
            margin-bottom: 10px;
            margin-left: 0;
        }
}