@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{font-family: 'Montserrat', sans-serif;}
body {
    background: #fbfbfb;
}
.natalia-foto {
    width: 100%;
    padding: 0 -15px
}
.fondo-titular {
    background: gray;
    height: 170px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    margin-top: 30px;
}
.fondo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8f319b+1,7f0e76+51,8f319b+100 */
	background: #8f319b; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #8f319b 1%, #7f0e76 51%, #8f319b 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #8f319b 1%,#7f0e76 51%,#8f319b 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #8f319b 1%,#7f0e76 51%,#8f319b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f319b', endColorstr='#8f319b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 0;
	color: #fff;
}
.principal { position: relative; z-index: 3; background: white; padding: 0; box-shadow: 0 0 5px #ccc;}
p { text-align: justify; }
.titular {
    margin-top: 40px;
    padding: 25px;
    margin-bottom: 45px;
}
.titular h1, .titular h2 { text-align: center; color: white }
.titular h2 { font-size: 24px; }
.fondo section { padding: 15px}
.fondo h3 {text-transform: uppercase; color: white; font-size: 18px; margin-bottom: 30px}
.fondo ul { list-style: none; padding: 0; margin:0;}
.fondo .label { width: 35%; float: left; }
.fondo .texto { width: 65%; float: left; }
.fondo li:first-child{border-top: 1px solid white;}
.fondo li { border-bottom: 1px solid white; clear: both; overflow: auto; }

.contenido h2 {
    background: #282828;
    color: white;
    margin-left: -15px;
    padding: 5px 0 5px 20px;
    font-size: 24px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.experiencia .col-md-4 h3 {
    background: purple;
    padding: 8px 10px;
    color: white;
    font-size: 18px;
    text-align: center;
    position: absolute;
    z-index: 2;
}

.experiencia .col-md-4 h3:after {
    content: " ";
    background-color: purple;
    height: 20px;
    width: 20px;
    padding: 13px;
    position: absolute;
    right: 0;
    transform: rotate(45deg);
    margin-right: -13px;
    z-index: -1;
    top: 6px;
}

.experiencia .col-md-8 h3{font-weight: bold;}
.experiencia .col-md-8 h3:before {
    content: " ";
    background-color: purple;
    height: 10px;
    width: 10px;
    padding: 10px 10px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    transform: rotate(45deg);
    margin-left: -12px;
    z-index: -1;
}

.experiencia .col-md-8 {
    border-left: 4px solid purple;
}
h2 label {
    margin-left: 15px;
    margin-top: 7px;
}
footer { padding: 20px; margin-top: 50px; background: #282828; color: white; margin: 0 0 0 -15px; }
footer p{ text-align: center;}

input, textarea {
    width: 100%;
    padding: 8px;
    margin: 5px 0;
}
input[type="submit"] {
    background: #282828;
    border: none;
    font-weight: bold;
    color: white;
}
.fondo h3 {
    color: black;
    font-weight: bold;
}
.h3, h3 {
    font-size: 26px;
}
.contenido section {
    margin: 40px 0 !important;
}
section p {
    padding-right: 20px;
}

.gracias {
    background: purple;
    color: white;
    padding: 50px;
    text-align: center;
    margin-top: 50px;
}

.formacion {
	position: relative;
    display: flex;
}

.button-formacion {
	position: relative;
    left: 50%;
    transform: translate(-50%);
}

.button-formacion-single {
	font-size: 45px;
}
.texto-legal {
    font-size: 10px;
    line-height: 12px;
    font-weight: normal;
    font-family: monospace;
}

@media (max-width: 1024px){
    .check input{
        position: relative;
        right: 30px;
    }
}

@media screen and (max-width: 765px){
    .principal {
        padding-left: 15px;
    }
    .contenido {
        margin-left: 15px;
    }
   .experiencia .col-md-4 h3 {    position: relative; width: 95%}
   .experiencia .col-md-8 {
    border-left: 4px solid purple;
    padding-bottom: 62px; 
    }
    .col-md-4.primero {
        margin-top: 0 !important;
    }
    .experiencia .col-md-4 {
        margin-top: -45px;
    }
    footer {
        margin: 0 -15px 0 -30px;
    }

}

@media (max-width: 320px){
    .check input{
        position: relative;
        right: 30px;
    }
}