body, h1,h2,h3,h4,h5,h6 {
    font-family: "Montserrat", sans-serif
}

body {
    background: black;
    color: white;
}

.diagonal-box {    
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;            
    background-image: linear-gradient(-45deg, #210033, #6200EE);
    transform: skewY(11deg);
} 

.content { 	
    max-width: 100%;
    margin: 0 auto;
    transform: skewY(-11deg);
}

img#title {
    width: 25em;
    padding: 20px;
}

.w3-content {
    max-width:1100px;
    margin-top:80px;
    margin-bottom:80px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
  }

.invisible {
    display: none;
}

img#title {
    width: 18em;
}

img#img_phone_android {
    max-width: 200px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    img#title {
        width: 18em;
    }

    img#img_phone_android {
        max-width: 200px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    img#title {
        width: 20em;
    }

    img#img_phone_android {
        max-width: 300px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    img#title {
        width: 22em;
    }

    img#img_phone_android{
        max-width: 400px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    img#title {
        width: 25em;
    }
 
    img#img_phone_android {
        max-width: 400px;
    }
}


/**
 * CARDS
 */

 .row.heading h2 {
    color: #fff;
    font-size: 52.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}

.card-section .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
}

.card-section .cnt-block{ 
   float:left; 
   width:100%; 
   background:#fff; 
   padding:30px 20px; 
   text-align:center; 
   border:2px solid #d5d5d5;
   margin: 0 0 28px;
}

.card-section .cnt-block figure{
   width:148px; 
   height:148px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}

.card-section .cnt-block img{ 
   width:148px; 
   height:148px; 
   border-radius:100%; 
}

.card-section .cnt-block h3{ 
   color:#2a2a2a; 
   font-size:20px; 
   font-weight:500; 
   padding:6px 0;
   text-transform:uppercase;
}

.card-section .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}

.card-section .cnt-block h3 a:hover{
	color:#337ab7;
}

.card-section .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}

.card-section .cnt-block .follow-us{
	margin:20px 0 0;
}

.card-section .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}

.card-section .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}

.card-section .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}