/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/* iPad 3 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (min-resolution: 192dpi) {}
/* Desktops and laptops ----------- */
@media (max-width : 1224px) {
	
    .site-content {margin-top: 62px;}
    .vh80 {height: 25vh}
    .vh80 .inner80 {
        margin-top: 0;
    }
    .vh80 .ltor {
        margin-top: -20px;;
    }
    .home-hero .ltor {
        max-width: 30px;
    }
    .diamond {
        display: none;
    }
    .portfolioitem-bg {
        min-height: 220px;
    }
    .portfolioitem-bg div h3 {
        top: 20%;
    }
    .site-footer .ltor, .home-hero .ltor {
        width: 34px;
    }
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {}
/* Retina displays ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-resolution: 192dpi) {}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 768px) {
	.vw40 {
		max-width: 95vw;
	}
    .v80 {height: 25vh}
  .img_col {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: relative;
      min-height: 300px;
  }
    .containerhalf {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }
    .left, .right {
        float:none;
    }
}