html{
	min-height: 100%;
}

body {
    //background-image: url("logo.png");
    background: -webkit-linear-gradient(#7CB342,#8BC34A ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7CB342, #8BC34A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7CB342, #8BC34A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7CB342, #8BC34A); /* Standard syntax */
    background-color: #8BC34A;
    background-image: url("fondo-material8.png");
    background-attachment: fixed;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size: contain;
}


.central-div{
	margin-top:100px;
}

.button-div{
	display:flex;
	justify-content: center;
	margin-top:10px;
}

.typing{
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
}


@keyframes fadein {
    from { top: 0%; }
    to   { top: 30%; }
}


.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.circle {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    background-color:#689F38;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:16px;
    color:#fff;
    display:flex;
    justify-content: center;
    align-items: center;

}

.circle:not(:last-child) {
    margin-right:40px;
}

.opaque-card{
    background: rgba(197, 225, 165, 0.8);
    border-radius: 2px;
    -webkit-animation: fadeIn 3s;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.opaque-card .card-content{
    padding:10px;
}

.opaque-card .card-title{
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}


.map-central-div{
    display:flex;
    align-items: center;
}

.item-list{
    padding: 10px;
}

.item-list .fas{
    color: #536c8a;
}

.item-list li{
    padding: 3px 0px;
}

.flex-container{
    display: flex;
}


#gmant-image-container{
    display: flex;
    margin: 15px;
    background-image: url(gmant.png);
    background-position: center;
    background-origin: padding-box;
    background-size: cover;
    overflow: hidden;
}

@media only screen and (max-width: 500px) {
    .circle {
        width: 75px;
        height: 75px;
    }

    #logo{
    	width:220px;
    }

    .typing{
    	font-size: 30px;
    }



}


@media only screen and (max-width: 600px) {

    body{
    	background-size:auto 100%;
    	background-image: url("fondo-material8-media.png");
    }

    .central-div{
        margin-top:70px;
        display:block;
    }

    .map-central-div{
        display:block;
    }


    #logo{
         margin-bottom:40px;
    }

    #map_canvas{
         margin-top:40px;
    }

    #gmant-image-container{
        height: 300px;
        margin: 15px 0px;
    }
}

#map{
    min-width:100%;
    
}

#map_canvas{
    height:300px;
}



.contactInfo a{
    color:#000 !important;
}

.contactInfo a ,
.contactInfo span{
    display:block;
}



.fa {
    color:#DCEDC8;
}