@media only screen and (max-width : 768px) {
    body {
        background: #fff;
    }
    header {
        position: fixed;
    }
    label {
        clear: both;
        display: block;
        cursor: pointer;
        color: #fff;
        float: right;
    }
    header h1 {
        font-size: 28px;
    }
    .navbar {
        clear: both;
        text-align: center;
        width: 100%;
        display: none;
        padding-top: 50px;
        background-color: #ec1d25;
    }
    .navbar a {
        display: block;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        font-size: 17px;
    }
    #toggle:checked + .navbar {
        display: block;
    }
    .upper h1 {
        font-size: 20px;
    }
    .container {
        clear: both;
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .container img {
        display: block;
        width: 70%;
        height: 50%;
        margin: 0 auto;
    }
    .half {
        background: #fff;
        width: 100%;
        float: left;
        padding: 0;
    }
    .half p {
        margin-left: 2%;
    }
    .halfr img {
	    display: none;
    }
    .link {
	    display: block;
	    width: 200%;
	    padding-left: 20%;
    }	
    .link a img {
	    width: 70%;
        height: 40%;
    } 
    .abouthalf h6 {
        width: 100%;
    }
    .about {
        margin-left: 2%;
    }
    .half2 {
        width: 100%;
    }
    .half2 h3 {
        font-size: 20px;
    }
    .half2 img {
        display: block;
        width: 50%;
    }
    .carousellove {
        height: 20vh;
    }
    .carousellove img {
        height: 100%;
        width: 100%;
    }
    .half3 {
        width: 100%;
    }
    .half2 iframe {
        width: 100%;
        height: 50%;
    }
    .carousellive {
        height: 20vh;
    }
    .carousellive figure img {
        width: 7%;
        margin: 0 3% 0 3%
    }
    .half1 img {
        display: none;
        width: 50%;
    }
    .pic img {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
    .title {
        display: flex;
        width: 31%;
        float: left;
        padding-bottom: 2%;
    }
    .title p {
        padding-bottom: 40%;
    }
    /*.twitter-timeline {
        width: 200;
        height: 50;
    }*/
    .lower h1 {
        clear: both;
        font-size: 20px;
    }
    .footer {
        display: block;
    }
    #comments_form {
        width: 95%;
    }
    .three {
        width: 100%;
    }
    .lastmenu a {
        display: flex;
        flex-direction: column;
    }
    
}