body {
    background-color: #e3f2fd;
}

#rotate {
    display: none;
}
#prot{
    display: none;
}

@media (max-width:700px) {
    .main {
        display: none;
    }

    #rotate {
        padding-top:20% ;
        display: flex;
        width: 100vw;
    }
    #prot{
        display: flex;
        width: 100vw;
        text-align: center;
        justify-content: center;
    }

}

@media (min-width:700px) {
    .main{}
}