body{
    overflow-x: hidden;
}

.font{
    font-family: 'Crimson Pro', serif;
}

.container{
    max-width: 75%;
}

.language .btn{
    font-size: 20px;
    font-weight: 600;
}
.language .btn:hover,.language .active{
    color: #ED3237 !important;
}

.main h2{
    font-size: 35px;
}

h2{
    font-weight: 600;
}
.flexy {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

p {
    color: white;
}

.flexy p{
    font-size: 20px;
    font-weight: bold;
    font-family: 'Crimson Pro', serif;

}

.border-bottom {
	border-bottom: 2px dotted white !important;
	width: 75%;
	position: relative;
	top: 3px;
}

.item {
	padding-bottom: 25px;
}

.social-icon{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn:focus{
    outline: unset !important;
    box-shadow: unset !important;
}

.bg-black {
    color: black;
}



@media screen and (max-width:1300px){
    .border-bottom {
        border-bottom: 2px dotted white !important;
        width: 70%;
        position: relative;
        top: 3px;
    }
}
@media screen and (max-width:1200px){
    .border-bottom {
        border-bottom: 2px dotted white !important;
        width: 65%;
        position: relative;
        top: 3px;
    }
}

@media screen and (max-width:992px){
    .container{
        max-width: 85%;
    }
}

@media screen and (max-width: 800px) {
    .border-bottom {
        width: 55%;
    }

    .social{
        text-align: center !important;
    }
  }

  @media screen and (max-width:700px){
    .container{
        max-width: 100%;
    }
  }

  @media screen and (max-width:600px){
    .border-bottom {
        width: 55%;
    }
  }

  @media screen and (max-width:550px){
    .border-bottom {
        width: 45%;
    }
  }

  @media screen and (max-width:460px){
    .border-bottom {
        width: 40%;
    }
    .flexy p{
        font-size: 18px;
    }
  }

  @media screen and (max-width:370px){
    .border-bottom {
        width: 35%;
    }
  }

  @media screen and (max-width:340px){
    .border-bottom {
        width: 30%;
    }
  }
  @media screen and (max-width:320px){
    .border-bottom {
        width: 25%;
    }
  }


  @media screen and (max-width:310px){
    .border-bottom {
        width: 15%;
    }
    .item:nth-child(1) {
        display: none !important;
    }
    .flexy div:first-child {
        width: 45% !important;
    }
  }