body{
    font-size: 18px;
    color: #454d55;
}
a{
    color: #171a1d;
}
.container{
    max-width: 1000px;
}
.btn{
    font-size: 18px;
}
.social-contact{
    font-size: 60px;
}
@media (max-width: 1000px) {
    .btn {
        font-size: 15px;
    }
    body{
        font-size: 18px;
        color: #454d55;
    }
    .social-contact{
        font-size: 45px;
    }
    .sub-title{
        font-size: 25px;
    }
    .title{
        font-size: 35px;
    }
    .contact-btn-grup{
        display: none;
    }
    .dropleft{
        display: block !important;
        position: absolute;
        right:5px;
        top:0;
    }
    .user-profile img.profile{
    	height:38% !important;
    }

}
/*@media (max-width: 450px) {*/
    /*.btn {*/
        /*font-size: 18px;*/
    /*}*/
    /*body{*/
        /*font-size: 14px;*/
        /*color: #454d55;*/
    /*}*/
    /*.social-contact{*/
        /*font-size: 30px;*/
    /*}*/
    /*.sub-title{*/
        /*font-size: 18px;*/
    /*}*/
    /*.title{*/
        /*font-size: 30px;*/
    /*}*/
/*}*/
.dropleft{
    float: right;
    margin-top: 15px;
    display: none;
}
.dropleft button{
    width: 40px;
    height: 40px;
}
.dropleft .dropdown-toggle::before{
    display: none;
}
.dropdown-toggle{
    padding: 0 !important;
}

/****************************************/
.contact-btn-grup a {
      font-size: 16px;
}
.contact-title {
    color: rgba(36, 49, 110, 0.9);
}

.user-profile img.background{
    position: relative;

}
.user-profile img.profile {
    position: absolute;
    top: 150px;
    right: 250px;
    border-radius: 50%;
/*    width: 350px;
    height: 300px;*/
    height: 50%;
    width: 70%;
    object-fit: cover;
    box-shadow: 0px 10px 50px -3px rgba(212, 212, 212, 0.83);
    /*max-width: 400px;*/
}
.name-job {
    background-image: url(../images/thumbnail.png);
    background-repeat: no-repeat;
    margin:25px 0;
}
@media(max-width:600px){
.user-profile img.profile{
	top:100px !important;
	right:50% !important;
	transform:translateX(50%);
	height:270px;
}
.user-profile img.background{
	height:470px;
	overflow: hidden;
}
    .contact-info-row{
        flex-direction: column-reverse;
    }
    .btn {
        font-size: 20px;
    }
    .user-profile img.profile{
    	height:50% !important;
    	width: 50%;
    	right: 62% !important;
    }
    .usersocial.social-contact{
    	right: 2% !important;
    }
    .mobile-hide{
    	display: none;
    }
    .mobile-only-show{
    	display: block !important;
    }
}
.mobile-only-show{
    	display: none;
    }
.usersocial.social-contact {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){
	.user-profile img.background {
	    width: 100% !important;
	    position: relative;
	    height: 100% !important
	}
	.mobile-hide{
    	display: none;
    }
	.mobile-only-show{
    	display: flex;

    }
	.user-profile img.profile{
		right: 100px;
		top:60px;
	}
	a.btn{
		font-size: 12px;
	}
	.col-sm-3{
		float:left;
	}
	.usersocial.social-contact {
        position: absolute;
	    top: unset;
	    transform: unset;
	    right: 45%;
	    bottom: 7%;
	}
}