/*
Theme Name: phnoetification
Theme URI: http://example.com
Author: Your name
Author URI: http://pinegrow.com/
Description: This theme was created with Pinegrow Web Editor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phnoe
*/
h1 {
    letter-spacing: 4px;
    font-family: Montserrat;
    font-weight: 800;
    font-style: italic;
    font-size: 48px;
}

.bg-white:hover {
    transform: rotateX(0deg) rotateY(0deg) rotate(0deg) !important;
    transition: 4s;
    box-shadow: 0px 0px 0px 0px #e2e2e2 !important;
}

.container :nth-child(even).home-shout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 500px;
    margin-top: 150px;
    wiidth: 1000%;
    border-radius: 103px;
    transition: 2.5s;
    overflow: hidden;
    transform: rotateX(34deg) rotateY(2deg) rotate(-17deg);
    border: solid 10px #f5f5f5f5;
    box-shadow: -39px 53px 0 -18px #c7c7c7;
}

.container :nth-child(odd).home-shout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 500px;
    margin-top: 250px;
    border-radius: 103px;
    transition: 2.5s;
    transition: 2.5s;
    overflow: hidden;
    transform: rotateX(-3deg) rotateY(-3deg) rotate(17deg);
    border: solid 10px #f5f5f5f5;
    box-shadow: 5px 1px 0 18px #c7c7c7;
}

@media (max-width:991px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    .home-shout {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 350px !important;
    }
}